为wordpress网站添加鼠标点击上升文字特效

2025-05-23 03:10:23

1、首先把主题栏目下的footer.php利用ftp工具传到电脑桌面

为wordpress网站添加鼠标点击上升文字特效

2、用DW或记事本打开footer.php

为wordpress网站添加鼠标点击上升文字特效

3、在/body上面添加以下代码,并保存<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": 9999999999999999999999999999999999999999, "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网站添加鼠标点击上升文字特效

4、最后利用ftp上传覆盖footer.php文件,到网站前台就可以看到实际效果了

为wordpress网站添加鼠标点击上升文字特效
为wordpress网站添加鼠标点击上升文字特效
声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢