用JS代码实现鼠标点击页面红色数字上升特效-WP优化

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

  1. <script>
  2. var _click_count=0;
  3. $("body").bind("click",function(e){ //直接给body一个事件好了.
  4. //var n=Math.round(Math.random()*100);//随机数
  5. var $i=$("<b>").text("+"+(++_click_count));//添加到页面的元素
  6. var x=e.pageX,y=e.pageY;//鼠标点击的位置
  7. $i.css({
  8. "z-index":99999,
  9. "top":y-15,
  10. "left":x,
  11. "position":"absolute",
  12. "color":"red"
  13. });
  14. $("body").append($i);
  15. $i.animate(
  16. {"top":y-180,"opacity":0},
  17. 1500,
  18. function(){$i.remove();}
  19. );
  20. e.stopPropagation();
  21. });
  22. </script>
weinxin
我的微信
有问题微信找我
DannyWu

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: