赋予代码灵魂 , 追求极致性能

Hey guys, Here is Vtrois's Blog !

为WordPress系统添加点击特效。

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

步骤 添加以下代码到主题页脚(footer.php)文件的<?php wp_footer(); ?>前面或后面。注意自己网站jQuery文件的引入位置。

代码

  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”9999,
  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>
点赞

发表评论

电子邮件地址不会被公开。