菜单 eyoucms模板网

站长经验总结
把以下代码添加到当前主题的footer底部公共文件中即可注意:此代码引用到了jquery,如果没有引入jquery请先自行引入<script type=&

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

发布时间:2025-05-16 10:19:00
点击次数:0
复制本文链接

把以下代码添加到当前主题的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>


收藏

相关文章

加载中~