为自己的网站添加鼠标点击特效,爱国 敬业 富强…

我们经常在网上看到有些人的博客鼠标点击都会出来文字,爱国 敬业 富强...看着挺好玩,这个B不装浑身难受哈,那我来告诉你们搭建怎么为自己的网站添加上这种特效。

其实就是一行js代码,添加到我们的页面中就可以啦。为了保证全站可用,一般添加在footed页面上最好。

 var a_idx=0;jQuery(document).ready(function($){$("body").click(function(e){ var a=new Array("富强","民主","文明","和谐","自由","平等","公正","法治","爱国","敬业","诚信","友善"); var $i=$("").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(); }); }); });
本文由 Hellohao 作者:hellohao 发表,其版权均为 Hellohao 所有,文章内容系作者个人观点,不代表 Hellohao 对观点赞同或支持。如需转载,请注明文章来源。
0

评论:

1 条评论,访客:0 条,站长:0 条

0%好评

  • 好评:(0%)
  • 中评:(0%)
  • 差评:(0%)
  1. 陈独秀
    陈独秀发布于: 

    还行,复制上就可以用。

发表评论