百影阁
在乱世中寻求安身之所!

为博客添加点击特效

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

教程

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

代码

<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": 999999999999999999999999999999999999999999999999999999999999999999999,

           "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>
赞(0) 打赏
未经允许不得转载:百影阁 » 为博客添加点击特效

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

百影阁 巨人影子下的探索之旅

联系百影阁阁主进群讨论

觉得文章有用就打赏一下文章作者

微信扫一扫打赏