wordpress Wordpress v3.9鼠标点击页面时出现数字特效方法

[复制链接]
340555017 2015-5-27 [wordpress] 显示全部楼层 |阅读模式 上一主题 下一主题
discuz使用视频教程
31idc

马上注册,一起探讨正确快速的建站方法

您需要 登录 才可以下载或查看,没有帐号?快速注册

x
最近无忧小编在自己php空间中测试wordpress鼠标点击出现数字特效方法,如果你看腻了Wordpress空空的页面的话无忧小编建议您换上这个特效,打造出自己网站的特色,如下图是无忧小编亲测的截图:

  如上截图的意思是,用鼠标点击页面就会陆陆续续的出现数字下面小编把这个方法介绍给大家,找到public_html/wp-content/themes找到用的主题文件进入index.php在59行添加<script type=”text/javascript” src=”jquery-1.7.2.min.js”></script> 添加完成后在index.php头部添加如下代码:
<script type=”text/javascript”>
$(“html,body”).on(“click”,function(e){
anp(e);
})
function anp(e){
var n=Math.round(Math.random()*10);
var $i=$(“<b>”).text(“+”+n);
var x=e.pageX,y=e.pageY;
$i.css({top:y-20,left:x,position:”absolute”,color:”#E94F06″});
$(“body”).append($i);
$i.animate({top:y-180,opacity:0,”font-size”:”1.4em”},1500,function(){
$i.remove();
});
e.stopPropagation();
}
</script>
  添加完成好了之后就完成了赶紧按F5刷新或者是换个浏览器试试这个特效的效果所在把!




上一篇:Wordpress插件导致网站小工具全部无法显示解决方法
下一篇:最近几年的黑客攻击漏洞类型分析

大神点评17

 楼主| 340555017 2015-5-27 [wordpress] 显示全部楼层
经常来看你的帖子非常不错 
 楼主| 340555017 2015-5-27 [wordpress] 显示全部楼层
楼主写的非常不错!
 楼主| 340555017 2015-5-27 [wordpress] 显示全部楼层
希望楼主发发一些关于这样的文章我很喜欢呀!
 楼主| 340555017 2015-5-27 [wordpress] 显示全部楼层
希望多多更新呀
 楼主| 340555017 2015-5-27 [wordpress] 显示全部楼层
几乎每次更新我都会来
 楼主| 340555017 2015-5-27 [wordpress] 显示全部楼层
希望楼主发发一些关于这样的文章我很喜欢呀!
 楼主| 340555017 2015-5-27 [wordpress] 显示全部楼层
希望多多更新呀
 楼主| 340555017 2015-5-27 [wordpress] 显示全部楼层
很喜欢看楼主的帖子
 楼主| 340555017 2015-5-27 [wordpress] 显示全部楼层
看了很长时间了。写的非常不错
 楼主| 340555017 2015-5-27 [wordpress] 显示全部楼层
经常来看你的帖子非常不错 
 楼主| 340555017 2015-5-27 [wordpress] 显示全部楼层
小编可以说写的非常深入
 楼主| 340555017 2015-5-27 [wordpress] 显示全部楼层
不错呀很不错!很好我很喜欢
 楼主| 340555017 2015-5-27 [wordpress] 显示全部楼层
写的非常深入
362938688 2015-5-27 [wordpress] 显示全部楼层
用鼠标点击页面就会陆陆续续的出现数字
www.yandaoqingxi.cn|www.jjjnews.top|www.bjxdc2001.com|www.chejixiu.net|www.gchb001.com|www.seoh.cn网站推广
您需要登录后才可以回帖 登录 | 快速注册

本版积分规则

快速回复 返回顶部 返回列表