给自己的博客加上鼠标单击时显示随机数字积分的特效
代码如下,复制下方代码粘贴在自定义JS中
<script>
/*-------------------------------------------------*/
/* 在页面上单击时,出现积分的特效
/*-------------------------------------------------*/
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();
});
});
</script>
评论 (0)