wordpress博客添加返回顶部按钮方法
发布:smiling 来源: PHP粉丝网 添加日期:2014-03-18 10:22:21 浏览: 评论:0
我们会看很多的wordpress博客都有一个到了底部可以直接返回顶部按钮效果,下面我就来告诉大家如何快速给wordpress博客添加返回顶部按钮吧,有需要的朋友可参考.
三步来实现为一个wordpress站点添加“返回顶部”按钮。
1、打开wordpress后台,选择“外观”–“编辑”–找到“footer.php”,在</body>之前加上下面这段代码:
- <div id="full" style="
- width:50px;
- height:95px;
- position:fixed;
- left:50%; top:420px;
- margin-left:493px;
- z-index:100;
- text-align:center;
- cursor:pointer;">
- <a><img src="121008370928.png" border=0 alt="返回顶部"></a> </div>
- <script type="text/javascript">var isie6 = window.XMLHttpRequest ? false : true; function newtoponload() { var c = document.getElementById("full"); function b() { var a = document.documentElement.scrollTop || window.pageYOffset || document.body.scrollTop; if (a > 0) { if (isie6) { c.style.display = "none"; clearTimeout(window.show); window.show = setTimeout(function () { var d = document.documentElement.scrollTop || window.pageYOffset || document.body.scrollTop; if (d > 0) { c.style.display = "block"; c.style.top = (400 + d) + "px" } }, 300) } else { c.style.display = "block" } } else { c.style.display = "none" } } if (isie6) { c.style.position = "absolute" } window.onscroll = b; b() } if (window.attachEvent) { window.attachEvent("onload", newtoponload) } else { window.addEventListener("load", newtoponload, false) } document.getElementById("full").onclick = function () { window.scrollTo(0, 0) };</script>
然后保存,删除缓存文件即可。
Tags: wordpress博客 返回顶部 按钮
相关文章
- ·WordPress初级教程-7: 一个数据库中安装多个WordPress博客(2013-11-11)
- ·wordpress博客怎么内容添加视频(2014-03-18)
- ·WordPress博客如何记录搜索引擎蜘蛛爬行痕迹(2014-03-19)
- ·wordpress博客feed页面报错解决办法(2014-03-19)
- ·wordpress博客安全配置的一些方法总结(2014-03-23)
- ·WordPress博客页面增加最近访客功能(2014-06-20)
- ·“零基础”教程 - 如何搭建wordpress博客(2014-11-21)
- ·如何利用wordpress搭建个人博客网站(2015-09-23)
- ·自己开发wordpress博客模板之入门篇(2015-09-24)
- ·我是否需要一个网站?(2015-09-24)
- ·WordPress增加返回顶部效果代码(2014-03-18)
- ·WordPress添加一个位置固定的百度分享按钮(2014-03-21)
- ·给wordpress自带的tinyMCE文本编辑器增加按钮(2014-04-24)
- ·wordpress代码:添加反回顶部按钮(2014-05-24)
- ·给wordpress文章编辑器添加字号、字体、分页等按钮?(2015-09-24)
推荐文章
热门文章
最新评论文章
- 写给考虑创业的年轻程序员(10)
- PHP新手上路(一)(7)
- 惹恼程序员的十件事(5)
- PHP邮件发送例子,已测试成功(5)
- 致初学者:PHP比ASP优秀的七个理由(4)
- PHP会被淘汰吗?(4)
- PHP新手上路(四)(4)
- 如何去学习PHP?(2)
- 简单入门级php分页代码(2)
- php中邮箱email 电话等格式的验证(2)