音乐吧 - www.52290.com

 找回密码
 注册

QQ登录

只需一步,快速开始

查看: 2056|回复: 0

jQuery 点击页面出现随机文字

[复制链接]

1056

主题

1090

帖子

1万

积分

管理员

Rank: 9Rank: 9Rank: 9

音乐币
101
贡献
537
金钱
4461
威望
2120
相册
1

推广达人宣传达人突出贡献荣誉管理最佳新人活跃会员

QQ
发表于 2018-3-31 21:58:53 | 显示全部楼层 |阅读模式

马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。

您需要 登录 才可以下载或查看,没有帐号?注册

x
  1. $(function() {
  2.     var a_idx = 0,
  3.         b_idx = 0;
  4.     c_idx = 0;
  5.     jQuery(document).ready(function($) {
  6.         $("body").click(function(e) {
  7.             var a = new Array("音乐吧欢迎您", "www.1327.net", "你真好", "棒棒哒", "真可爱", "你最美", "喜欢你", "真聪明", "爱你哦", "好厉害", "你真帅", "祝福你"),
  8.                 b = new Array("#09ebfc", "#ff6651", "#ffb351", "#51ff65", "#5197ff", "#a551ff", "#ff51f7", "#ff518e", "#ff5163", "#efff51"),
  9.                 c = new Array("12", "14", "16", "18", "20", "22", "24", "26", "28", "30");
  10.             var $i = $("<span/>").text(a[a_idx]);
  11.             a_idx = (a_idx + 1) % a.length;
  12.             b_idx = (b_idx + 1) % b.length;
  13.             c_idx = (c_idx + 1) % c.length;
  14.             var x = e.pageX,
  15.                 y = e.pageY;
  16.             $i.css({
  17.                 "z-index": 999,
  18.                 "top": y - 20,
  19.                 "left": x,
  20.                 "position": "absolute",
  21.                 "font-weight": "bold",
  22.                 "font-size": c[c_idx] + "px",
  23.                 "color": b[b_idx]
  24.             });
  25.             $("body").append($i);
  26.             $i.animate({
  27.                 "top": y - 180,
  28.                 "opacity": 0
  29.             }, 1500, function() {
  30.                 $i.remove();
  31.             });
  32.         });
  33.     });
  34.     var _hmt = _hmt || [];
  35. })
复制代码


您需要登录后才可以回帖 登录 | 注册

本版积分规则

QQ|小黑屋|手机版|Archiver|版权声明|001科技| 音乐吧 52290 ( 桂ICP备2021006182号 )

GMT+8, 2024-12-22 09:09 , Processed in 0.069427 second(s), 25 queries .

Powered by Discuz! X3.4

© 2001-2023 07726.Com Inc.

快速回复 返回顶部 返回列表