A-A+

鼠标左键点击出现文字特效JS代码

2017年09月29日 WordPress 暂无评论 阅读 1,513 次

鼠标左键点击出现文字特效JS代码,喜欢的站长也可以用一下感觉一下!

分享个有意思的鼠标点击文字特效JS代码

只需将如下JS代码放到

  1. </body>

之前即可。

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

 

标签:

给我留言

您必须 登录 才能发表留言!

Copyright © DEFCON笔记 保留所有权利.   青ICP备15000093号-1   

用户登录

分享到: