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

4,285次阅读
没有评论

共计 530 个字符,预计需要花费 2 分钟才能阅读完成。

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

前言

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

代码

/*
红色数字上升特效
*/
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();});
正文完
使用官方微信小程序体验更多功能
post-qrcode
 9
憧憬Licoy
版权声明:本站原创文章,由 憧憬Licoy 2016-01-26发表,共计530字。
转载说明:除特殊说明外本站文章皆由CC-4.0协议发布,转载请注明出处。
评论(没有评论)