wodpress美化:鼠标点击页面出现数字特效
博主也喜欢在网站弄一些特效什么的,这次分享的是之前在网上找的一个特效,在网页上鼠标点击就会出现数字特效,博主感觉也挺好玩的,就来分享给大家。
把下面这段代码放到网站head或者footer里面就可以了。
- <script>
- <!--鼠标点击,随机数字-->
- jQuery(document).ready(function($) {
- 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>
代码来源于互联网,本想注明出处,可却忘记是在谁的网站看到的了。
- 我的微信
- 这是我的微信扫一扫
-
- 站长技术资源群
- QQ群:431710796
-
评论