jQuery实现网页上单击时出现积分的特效
标签搜索

jQuery实现网页上单击时出现积分的特效

走心
2021-04-07 / 0 评论 / 26 阅读 / 正在检测是否收录...

给自己的博客加上鼠标单击时显示随机数字积分的特效
代码如下,复制下方代码粘贴在自定义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

评论 (0)

取消