jQuery 点击页面出现随机文字

admin

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. })

复制代码