给你的WordPress站点添加下雪特效
Posted deast
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了给你的WordPress站点添加下雪特效相关的知识,希望对你有一定的参考价值。
今天看到这个教程,感觉挺应景的,就自己尝试了下,效果还行,没截GIF图
方法:
该js文件已支持https,同时已将其及相关雪花图片进行CDN加速处理,可直接调用。
找到WordPress主题的footer.php文件,在末尾</body>上方(这样可以最后加载特效,以免影响其他内容的访问速度),添加以下代码:
<script type="text/javascript" src="https://api.dujin.org/js/xiaxue/xiaxue.js"></script>
保存上传/替换/覆盖即可。
如果有缓存的小伙伴记得清理下缓存(静态文件缓存、页面缓存、CDN缓存、内存缓存等)。
另附鼠标点击特效
将以下代码复制到上面相同位置
<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": "#ff6651" }); $("body").append($i); $i.animate({ "top": y - 180, "opacity": 0 }, 1500, function() { $i.remove(); }); }); }); </script>
以上是关于给你的WordPress站点添加下雪特效的主要内容,如果未能解决你的问题,请参考以下文章