音樂吧 - www.xqaobn.tw

 找回密碼
 注冊

掃一掃,訪問微社區

QQ登錄

只需一步,快速開始

查看: 326|回復: 0

jQuery 點擊頁面出現隨機文字

[復制鏈接]

1017

主題

1028

帖子

9216

積分

管理員

Rank: 9Rank: 9Rank: 9

音樂幣
102
貢獻
519
金錢
3345
威望
2111
相冊
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.xqaobn.tw", "你真好", "棒棒噠", "真可愛", "你最美", "喜歡你", "真聰明", "愛你哦", "好厲害", "你真帥", "祝福你"),
  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|版權聲明|音樂吧 1327.net ( 桂IPC 網站備案中... )

GMT+8, 2020-1-7 23:12 , Processed in 0.083404 second(s), 24 queries .

Powered by Discuz! X3.4

© 2001-2017 1327.Net Inc.

快速回復 返回頂部 返回列表
云南11选5在线购买