为WordPress系统添加点击特效

2017年5月14日06:04:20 11 1,920

添加点击特效,("富强", "民主", "文明", "和谐", "自由", "平等", "公正" ,"法治", "爱国", "敬业", "诚信", "友善")等。

为WordPress系统添加点击特效教程

添加到主题页脚(footer.php)文件的<?php wp_footer(); ?>前面。

代码

  1. <script type="text/javascript">
  2. /* 鼠标特效 */
  3. var a_idx = 0;
  4. jQuery(document).ready(function($) {
  5.    $("body").click(function(e) {
  6.        var a = new Array("富强""民主""文明""和谐""自由""平等""公正" ,"法治""爱国""敬业""诚信""友善");
  7.        var $i = $("<span/>").text(a[a_idx]);
  8.        a_idx = (a_idx + 1) % a.length;
  9.        var x = e.pageX,
  10.        y = e.pageY;
  11.        $i.css({
  12.            "z-index"999999999999999999999999999999999999999999999999999999999999999999999,
  13.            "top": y - 20,
  14.            "left": x,
  15.            "position""absolute",
  16.            "font-weight""bold",
  17.            "color""#ff6651"
  18.        });
  19.        $("body").append($i);
  20.        $i.animate({
  21.            "top": y - 180,
  22.            "opacity"0
  23.        },
  24.        1500,
  25.        function() {
  26.            $i.remove();
  27.        });
  28.    });
  29. });
  30.     </script>
诗梦

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

目前评论:11   其中:访客  8   博主  3

    • avatar 起风了 2
      来自天朝的朋友 火狐浏览器 Windows 10 河北省石家庄市 联通

      小姐姐你好,萌新前来请教 刚搭了WordPress遇到一些问题搞的头都大了能请教一下嘛,另外我也是江苏的(强行蹭好感),这是Q1036745233

      • avatar 吾皇万睡 0
        来自天朝的朋友 谷歌浏览器 Windows 7 中国 移动

        赶脚挺好玩的,朕收下了

          • avatar 诗梦 博主
            来自天朝的朋友 谷歌浏览器 Linux 中国 移动

            @吾皇万睡 对方不想跟你说话并向你丢了一朵小黄花 :twisted: 还朕

          • avatar 000 2
            来自天朝的朋友 谷歌浏览器  vivo Y66 Build/MMB29M) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/38.0.2125.102 Mobile Safari/537.36 VivoBrowser/5.2.30 广东省广州市 电信

            找不到footer.php文件里的

              • avatar 诗梦 博主
                来自天朝的朋友 谷歌浏览器 Linux 广东省广州市 电信

                @000 你是wp系统吗?

              • avatar xq 0
                来自天朝的朋友 谷歌浏览器 Windows 10 天津市 联通

                博主知道怎么让颜色多变嘛

                • avatar cx 2
                  来自天朝的朋友 谷歌浏览器  vivo Y66 Build/MMB29M) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/38.0.2125.102 Mobile Safari/537.36 VivoBrowser/5.2.30 广东省广州市 电信

                  对方不想跟你说话并向你丢了一朵小黄花 :twisted: 代刷网可以用吗

                  • avatar 请输入您的QQ号 0
                    来自天朝的朋友 谷歌浏览器 Windows 10 广东省广州市 电信

                    为啥我的不行啊…
                    木有效果,

                    • avatar 请输入您的QQ号 0
                      来自天朝的朋友 Safari浏览器 Mac OS X 10_11_6 上海市 电信

                      为什么我加上去后没有效果呢?

                        • avatar 诗梦 博主
                          来自天朝的朋友 谷歌浏览器  Android 6.0 Redmi Note 4 Build/MRA58K 广东省广州市 电信

                          @请输入您的QQ号 刚刚查看了一下发现你网站没有添加有?

                        • avatar 桃子 0
                          来自天朝的朋友 谷歌浏览器 Windows 8.1 天津市 联通

                          为什么我打代码加上去之后,点击出现的不是汉字是乱码,求小姐姐解答