今天DannyWu,给大家带来用JS代码实现鼠标点击页面红色数字上升特效的教程,找到主题里面的footer.php文件,在</body>前面加上以下的代码即可实现鼠标点击博客页面红色数字上升特效:
- <script>
- 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>

我的微信
有问题微信找我