为WordPress系统添加点击特效

诗梦
415
文章
720
评论
2017年5月14日06:04:20为WordPress系统添加点击特效已关闭评论 10.7K 次浏览 912字阅读3分2秒
广告

心灵毒鸡汤:

添加点击特效,("富强", "民主", "文明", "和谐", "自由", "平等", "公正" ,"法治", "爱国", "敬业", "诚信", "友善")等。
为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>
  • 赞助本站
  • 三合一收款码
  • weinxin
  • 赞助本站
  • 三合一收款码
  • weinxin
云翼计划
云计算普惠校园计划,助力学生的辉煌明天!
  • 文本由 发表于 2017年5月14日06:04:20
  • 除非特殊声明,本站文章均为原创,转载请务必保留本文链接