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

云墨
云墨
云墨
643
文章
11
评论
2018年8月29日 评论 384

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>

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

  • 我的微信
  • 这是我的微信扫一扫
  • weinxin
  • 站长技术资源群
  • QQ群:431710796
  • weinxin
云墨
  • 本文由 发表于 2018年8月29日
  • 转载请务必保留本文链接:https://www.yunmoseo.com/1428.html
WordPress回复评论自动添加@评论者的修改方法 网站建设

WordPress回复评论自动添加@评论者的修改方法

有网友留言,问我这个@昵称回复如何实现的?如下图: 其实之前我也看到很多博客有这样的功能,但是我是在后台审核并回复评论的,之前有好几次因为没注意评论信息栏的:回复给***,还以为是给我的留言,所以给人...
匿名

发表评论

匿名网友