页面点击出现随机数字特效

发表于 | 分类于

footer.php内加入：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
/*-------------------------------------------------*/

/* 在页面上单击时，出现积分的特效

/*-------------------------------------------------*/

jQuery(document).ready(function($) {

$("html,body").click(function(e){

var n=Math.round(Math.random()*100);//随机数

var $i=$("<b/>").text("+"+n);//添加到页面的元素

var x=e.pageX,y=e.pageY;//鼠标点击的位置

$i.css({

"z-index":99999,

"top":y-20,

"left":x,

"position":"absolute",

"color":"#E94F06"

});

$("body").append($i);

$i.animate(

{"top":y-180,"opacity":0},

1500,

function(){$i.remove();}

);

e.stopPropagation();

});

});
Buy me a coffee ☕