本站的鼠标点击页面有红色数字上升的特效代码分享
效果请点击本站仍以一处即可~
代码如下
——————————————————————
<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>
————————————————————
这个数字不是随机数,是当前页面所有点击次数的和,从0次开始累积;如果想要随机数字的话,看注释咯。