分享一个鼠标点击红色数字上升的代码

2,241次阅读次阅读
没有评论

分享一个鼠标点击红色数字上升的代码

前言

这个代码是我在无主题博客看见的,觉得还是不错的,所以就转载过来,由于本站的网页是压缩的,所以不宜使用,然后我也就没有添加这一段代码,这段代码我把颜色改成了蓝色的,这是之前调试的时候为了和博客的主题相应改的,如果不喜欢蓝色可以自行更改。

代码

/*
红色数字上升特效
*/
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":"DeepSkyBlue"
});
$("body").append($i);
$i.animate(
{"top":y-180,"opacity":0},
1500,
function(){$i.remove();}
);
e.stopPropagation();
});

9
憧憬Licoy
版权声明:本站原创文章,由憧憬Licoy2016-01-26发表,共计927字。
转载提示:除特殊说明外本站文章皆由CC-4.0协议发布,转载请注明出处。
评论(没有评论)
Loading...