• 当前标签:鼠标点击

网站建设 WordPress添加鼠标点击页面显示文字JS特效

把下面代码加在模板文件的头部或者底部,只要在<body></body>之间就好,也可以单独页面使用,也可以其他程序使用。需要引入jQuery,一般大部分主题、网站都会引用jQuery。 <script> /* 鼠标特效 */ 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>

2017-12-28 23:22:07 77 2 0
阅读详情
  • 1
前往