鼠标点击页面出现富强自由等文字JS特效

作者:admin 分类:站长经验总结 时间:2025-05-16 浏览:

把以下代码添加到当前主题的footer底部公共文件中即可

注意:此代码引用到了jquery,如果没有引入jquery请先自行引入

  1. <script type="text/javascript">
  2. var a_idx = 0;
  3. jQuery(document).ready(function($) {
  4.     $("body").click(function(e) {
  5.         var a = new Array("❤富强❤","❤民主❤","❤文明❤","❤和谐❤","❤自由❤","❤平等❤","❤公正❤","❤法治❤","❤爱国❤","❤敬业❤","❤诚信❤","❤友善❤");
  6.         var $i = $("<span></span>").text(a[a_idx]);
  7.         a_idx = (a_idx + 1) % a.length;
  8.         var x = e.pageX,
  9.         y = e.pageY;
  10.         $i.css({
  11.             "z-index"999999999,
  12.             "top": y - 20,
  13.             "left": x,
  14.             "position""absolute",
  15.             "font-weight""bold",
  16.             "color""rgb("+~~(255*Math.random())+","+~~(255*Math.random())+","+~~(255*Math.random())+")"
  17.         });
  18.         $("body").append($i);
  19.         $i.animate({
  20.             "top": y - 180,
  21.             "opacity"0
  22.         },
  23.         1500,
  24.         function() {
  25.             $i.remove();
  26.         });
  27.     });
  28. });
  29. </script>


文章链接:https://eyhtml.com/xinwendongtai/568.html
文章标题:鼠标点击页面出现富强自由等文字JS特效
文章版权:所发布的内容,部分为原创文章,转载请注明来源,网络转载文章如有侵权请联系我们!
本文最后更新发布于2025-05-16

相关阅读

温馨提示
体育网站代建
本站即将上线大量足球直播网站 ,体育足球篮球比赛直播信号
我要查看