如何给typecho添加鼠标点击特效

 分类:教程  评论:0   阅读:423

步骤

打开主题包里的footer.php文件,将以下代码插进它可以呆着的地方就可以了:

<script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
<script type="text/javascript">
var a_idx = 0;jQuery(document).ready(function($) {    $("body").click(function(e) {var a = new Array("富强", "民主", "文明", "和谐", "自由", "平等", "公正" ,"法治", "爱国", "敬业", "诚信", "友善");var $i = $("<span/>").text(a[a_idx]);        
a_idx = (a_idx + 1) % a.length;var x = e.pageX,        y = e.pageY;        $i.css({"z-index": 999999999999999999999999999999999999999999999999999999999999999999999,"top": y - 20,"left": x,"position": "absolute","font-weight": "bold","color": "#99e64d"        });        $("body").append($i);        $i.animate({"top": y - 180,"opacity": 0        },        1500,function() {            $i.remove();        });    });});
</script>

我自己是改成了emoji表情,大家不妨多点几下看看😂😂😂

提示

用手机的,做完以上动作后发现没效果的不要慌,检查一下浏览器UA,UA为电脑版的不显示效果。
网站开启PJAX时失效,为什么我也不知道🌚

评论
选择表情