博华网络科技,点击查看详情

WordPress教程:纯代码实现添加鼠标点击红色数字上升特效

在主题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>

 

人已赞赏
wordpress教程

wordpress教程:上传图片自动重命名的几种方法

2020-5-26 12:40:41

wordpress教程

WordPress教程:解决4.4.1版本不支持图片暗箱问题,Begin主题适用

2020-5-26 12:40:43

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索