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

2025-11-21 07:35:54

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。
猜你喜欢