欢迎光临
我们一直在努力

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

方法/步骤

把以下代码添加到当前主题的head.php或footer.php文件的</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>
WordPress添加鼠标点击页面显示文字JS特效

效果演示

WordPress添加鼠标点击页面显示文字JS特效
 收藏 (0) 打赏

您可以选择一种方式赞助本站

支付宝扫一扫赞助

微信钱包扫描赞助

未经允许不得转载:Gyou博客 » WordPress添加鼠标点击页面显示文字JS特效

分享到: 更多 (0)
我没有什么大志向,我就这样一天加几十个粉丝,一天赚几百,我就很高兴了,一天加100个粉丝,一天赚几千,我就很满足了。

评论 1

  • QQ号
  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
  1. #1
    avatar

    非常不错

    小远2年前 (2020-02-18)国内网友Safari浏览器 iPhone iPhone OS 12_4_5 like Mac OS X) AppleWebKit 回复

Gyou资源网|一个值得收藏的网站

赞助我们联系我们
切换注册

登录

忘记密码 ?

您也可以使用第三方帐号快捷登录

切换登录

注册

我们将发送一封验证邮件至你的邮箱, 请正确填写以完成账号注册和激活