点击页面,+1 +2页面效果的实现

  • 内容
  • 评论
  • 相关

最近看到有朋友问我,网站上面+1 +2之类的效果是怎么做的,在这里直接放出来js,丢到主题上面就行了。

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
<script>
<!--鼠标点击,随机数字-->
jQuery(document).ready(function($) {
var _click_count=0;
$("body").bind("click",function(e){ //直接给body一个事件好了.
 //var n=Math.round(Math.random()*100);//随机数
 var $i=$("<b>").text("+"+(++_click_count));//添加到页面的元素
 var x=e.pageX,y=e.pageY;//鼠标点击的位置
 $i.css({
 "z-index":99999,
 "top":y-15,
 "left":x,
 "position":"absolute",
 "color":"red"
 });
 $("body").append($i);
 $i.animate(
 {"top":y-180,"opacity":0},
 1500,
 function(){$i.remove();}
 );
 e.stopPropagation();
});
});
</script>