教程开始
柠檬为大家收集了两种实现方式。
找到wp-content/themes/ripro/parts/目录下找到diy-footer.php并将以下内容整体复制进去并保存
第一种
<script type=\\\"text/javascript\\\"> var a_idx = 0; jQuery(document).ready(function($) { $(\\\"body\\\").click(function(e) { var a = new Array(\\\"❤富强❤\\\",\\\"❤民主❤\\\",\\\"❤文明❤\\\",\\\"❤和谐❤\\\",\\\"❤自由❤\\\",\\\"❤平等❤\\\",\\\"❤公正❤\\\",\\\"❤法治❤\\\",\\\"❤爱国❤\\\",\\\"❤敬业❤\\\",\\\"❤诚信❤\\\",\\\"❤友善❤\\\"); var $i = $(\\\"<span></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\\\": \\\"rgb(\\\"+~~(255*Math.random())+\\\",\\\"+~~(255*Math.random())+\\\",\\\"+~~(255*Math.random())+\\\")\\\" }); $(\\\"body\\\").append($i); $i.animate({ \\\"top\\\": y - 180, \\\"opacity\\\": 0 }, 1500, function() { $i.remove(); }); }); }); </script>
第二种
/* 鼠标特效 */ $(function() { var a_idx = 0, b_idx = 0; c_idx = 0; jQuery(document).ready(function($) { $(\\\"body\\\").click(function(e) { var a = new Array(\\\"欢迎您\\\", \\\"么么哒\\\", \\\"你真好\\\", \\\"棒棒哒\\\", \\\"真可爱\\\", \\\"你最美\\\", \\\"喜欢你\\\", \\\"真聪明\\\", \\\"爱你哦\\\", \\\"好厉害\\\", \\\"你真帅\\\", \\\"祝福你\\\"), b = new Array(\\\"#09ebfc\\\", \\\"#ff6651\\\", \\\"#ffb351\\\", \\\"#51ff65\\\", \\\"#5197ff\\\", \\\"#a551ff\\\", \\\"#ff51f7\\\", \\\"#ff518e\\\", \\\"#ff5163\\\", \\\"#efff51\\\"), c = new Array(\\\"12\\\", \\\"14\\\", \\\"16\\\", \\\"18\\\", \\\"20\\\", \\\"22\\\", \\\"24\\\", \\\"26\\\", \\\"28\\\", \\\"30\\\"); var $i = $(\\\"<span/>\\\").text(a[a_idx]); a_idx = (a_idx + 1) % a.length; b_idx = (b_idx + 1) % b.length; c_idx = (c_idx + 1) % c.length; var x = e.pageX, y = e.pageY; $i.css({ \\\"z-index\\\": 999, \\\"top\\\": y - 20, \\\"left\\\": x, \\\"position\\\": \\\"absolute\\\", \\\"font-weight\\\": \\\"bold\\\", \\\"font-size\\\": c[c_idx] + \\\"px\\\", \\\"color\\\": b[b_idx] }); $(\\\"body\\\").append($i); $i.animate({ \\\"top\\\": y - 180, \\\"opacity\\\": 0 }, 1500, function() { $i.remove(); }); }); }); var _hmt = _hmt || []; }) </script>
文章来自AT互联https://www.at8848.cn转载请注明出处,谢谢!!!