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

 时间:2026-02-14 16:07:58

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网站添加鼠标点击上升文字特效

  • Excel2010如何添加工作表背景
  • 每次访问网页时让IE自动清理其临时文件
  • 如何设置win7系统电脑鼠标左右键互换
  • 重置Word文档快速访问工具栏到默认状态
  • 计算机指针颜色怎么设置为黄色
  • 热门搜索
    小孩怎么减肥 稻城亚丁旅游攻略 金正恩简介 照片太大怎么缩小 长虹空调质量怎么样 我的世界巨人怎么做 教师自我简介 子宫内膜薄怎么调理恢复快一点 怎么样做ppt 鲁迅资料简介