VOID3.1开发版OwO表情BUG

布衣者

发布于 2021-09-07 11:06:17

2860

发布于 2021-09-07 11:06:17

文章被收录于专栏：布衣者博客

BUG作者已修复，更新到最新即可

最近在用VOID主题，不得不说很好看而且开发者也很用心去写这个主题。但是在用VOID发布版时在Chrome浏览器时会出现点击闪烁，开发者熊猫小A在发布版中解决了这一问题，但是在换用开发版时出现了发布版中没有出现的问题（如下图）

但是这个BUG我也不会修复，毕竟对这一无所知。在看作者GitHub时看到已经有人提交了BUG,作者也回应了，应该不久就修复了。但是作者修复之前自己不能让它一直BUG下去，于是就想了个其他小办法暂时性让OwO表情不会被遮挡。于是结合网上的一些js的实例，进行了研究，终于东拼西凑写出来了。

方法：

1.在comments.php里找到

 <span class="OwO" aria-label="表情按钮" role="button"></span>

改为

 <span class="OwO" aria-label="表情按钮" role="button" id="ccodeanniu" onclick="javascript:but1Onclick();"></span>

2.在这段代码下面找到（51~54行）

<button id="comment-submit-button" type="submit" class="submit btn btn-normal">提交评论</button>
</p>
</form>
</div>

3.在2步骤那段代码下面（54行下）添加

<script>
function but1Onclick()
{//按钮点击事件
var div = document.getElementById("ccodediv");
var h=document.getElementById("ccodeanniu").className;
if(h=='OwO')
{div.style.height ="0px";}
else
{div.style.height ="220px";}}
 function getStyle(parm1,parm2) {
            return parm1.currentStyle ? parm1.currentStyle[parm2] : getComputedStyle(parm1)[parm2];  //parm1,要改变的元素代替名;parm2,要改变的属性名
        }
</script>

4.在2步骤的的 </form>和 </div>中间加入

 <div id="ccodediv" style="width: 100%;height: 0px;"></div>

5.保存好了。

原理：

当你点击OwO按钮时，会将 <div id="ccodediv">高度变大，撑开与footer的距离，从而不会被遮住。

当原作者修复后，本文章作废。

本文参与腾讯云自媒体同步曝光计划，分享自作者个人站点/博客。

原始发表：2019年07月14日，如有侵权请联系 cloudcommunity@tencent.com 删除

编程算法

本文分享自作者个人站点/博客前往查看

如有侵权，请联系 cloudcommunity@tencent.com 删除。

本文参与腾讯云自媒体同步曝光计划，欢迎热爱写作的你一起参与！

编程算法

登录后参与评论

0 条评论

热度