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

云墨 2018年8月29日网站建设评论669阅读模式

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

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

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

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

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

1. 如有链接无法下载、失效或广告,请联系QQ:181289218 处理!
2. 本站的所有资源为购买、网络收集,或者用户投稿的资源,版权归原作者及网站所有!
3. 如若侵犯了您的权利,请及时联系站长删除!
4. 本站提供的资源,都不包含技术服务请大家谅解!
5. 此软件“仅限学习交流,不能用于商业用途”!
6. 如用于商业用途,请到官方购买正版软件,追究法律责任与“云墨SEO”站点无关!
  • 我的微信
  • 这是我的微信扫一扫
  • weinxin
  • 站长技术资源群
  • QQ群:431710796
  • weinxin
云墨
  • 本文由 发表于 2018年8月29日
  • 转载请务必保留本文链接:https://www.yunmoseo.com/1428.html
匿名

发表评论

匿名网友