鼠标点击网页空白处显示文字特效代码分享

js代码


var f_idx = 0;
 var c_idx = 0;
 jQuery(document).ready(function($) {
  $("body").click(function(e) {
   var font = new Array("富强", "民主", "文明", "和谐", "自由", "平等", "公正" ,"法治", "爱国", "敬业", "诚信", "友善");
 var color = new Array('#15c791');
 var size =18;
   var $i = $("<span />").text(font[f_idx]);
   f_idx = (f_idx + 1) % font.length;
 c_idx = (c_idx + 1) % color.length;
   var x = e.pageX,
    y = e.pageY;
   $i.css({
    "z-index": 99999999999999999999999999999999999999999999999999999999999999999999999999 ,
    "top": y - 20,
    "left": x,
    "position": "absolute",
    "font-weight": "bold",
    "color": color[c_idx]
   });
   $("body").append($i);
   $i.animate({
     "top": y - 180,
     "opacity": 0
    },
    1500,
    function() {
     $i.remove();
    });
  });
 });

引用方法

创建一个js文件,例如texiao.js,然后将以上代码复制到js文件中,在网站公共文件(head或者footer)引用,引用代码:<script type="text/javascript" src="/texiao.js"></script>

原创文章,作者:NHSEO,如若转载,请注明出处:http://www.seoyhjc.com/daima/83.html
-- 展开阅读全文 --
discuz使被删除的论坛帖子、专题栏目、门户文章返回404状态码的方法-亲测有效
« 上一篇 04-21
seo数据应该怎么查询?seo数据查询工具有哪些?
下一篇 » 04-24

发表评论

作者信息

热门文章

标签TAG

热评文章