wodpress美化：鼠标点击页面出现数字特效

云墨

647
文章

0
评论

2018年8月29日评论 1,269

点击注册网校，注册后直接登录使用，免费入驻，技术支持微信：https98

wodpress美化：鼠标点击页面出现数字特效

博主也喜欢在网站弄一些特效什么的，这次分享的是之前在网上找的一个特效，在网页上鼠标点击就会出现数字特效，博主感觉也挺好玩的，就来分享给大家。

把下面这段代码放到网站head或者footer里面就可以了。

<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>

代码来源于互联网，本想注明出处，可却忘记是在谁的网站看到的了。

1. 如有链接无法下载、失效或广告，请联系QQ：181289218 处理！
2. 本站的所有资源为购买、网络收集，或者用户投稿的资源，版权归原作者及网站所有!
3. 如若侵犯了您的权利，请及时联系站长删除!
4. 本站提供的资源，都不包含技术服务请大家谅解！
5. 此软件“仅限学习交流，不能用于商业用途”！
6. 如用于商业用途，请到官方购买正版软件，追究法律责任与“云墨SEO”站点无关！