wordpress代码:添加反回顶部按钮
发布:smiling 来源: PHP粉丝网 添加日期:2014-05-24 14:52:09 浏览: 评论:0
1、新建一个.js文件fanhui.js,并保存到自己网站目录http://www.phpfensi.com/wp-content/themes/twentyeleven/js代码如下:
- var isie6 = window.XMLHttpRequest ? false : true; function newtoponload() {
- var c = document.getElementByIdx_x_x(“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.getElementByIdx_x_x(“full”).onclick = function () { window.scrollTo(0, 0) };
2、将下面的代码复制到所用主题的footer.php文件,</body>标签之后、</html>标签之前的位置.
- <div id=”full” style=”width:50px; height:95px; position:fixed; left:49%; top:476px; margin-left:493px; z-index:100; text-align:center; cursor:pointer;”>
- <a><img src=”http://www.phpfensi.com/wp-content/uploads/2013/01/fanhui.jpg” border=0 alt=”返回顶部”></a>
- </div>
- <script src=”http://www.phpfensi.com/wp-content/themes/twentyeleven/js/fanhui.js” type=”text/javascript”>
- </script>
3、将上面的图片路径改为自己的返回顶部的图片地址,第二行红字改为自己fanhui.js所在目录,然后保存就可以了.
Tags: wordpress 按钮 顶部 代码
相关文章
- ·WordPress初级教程1:什么是博客?(2013-11-11)
- ·WordPress初级教程-2: 什么是WordPress?(2013-11-11)
- ·WordPress初级教程-3: WordPress的功能和特点(2013-11-11)
- ·WordPress初级教程-4: 选择WordPress博客的主机和域名(2013-11-11)
- ·WordPress初级教程-5: 安装WordPress(2013-11-11)
- ·WordPress初级教程-6: 本地安装WordPress(2013-11-11)
- ·WordPress初级教程-7: 一个数据库中安装多个WordPress博客(2013-11-11)
- ·WordPress初级教程-8: WordPress控制面板/ Dashboard(2013-11-11)
- ·WordPress初级教程-9: WordPress用户设置/ Users(2013-11-11)
- ·WordPress初级教程-10: WordPress博客配置/ Settings(2013-11-11)
- ·关于wordpress上传图片不显示的原因(2013-11-11)
- ·WordPress程序的脆弱点你知道吗 (2013-11-11)
- ·总结八大Wordpress网站百度收录实现秒收的方法绝招 (2013-11-11)
- ·WordPress如何网站投稿者也可以上传图片(2014-03-18)
- ·WordPress怎么修改新用户注册邮件内容(2014-03-18)
- ·WordPress怎么添加前台注册功能(2014-03-18)
推荐文章
热门文章
最新评论文章
- 写给考虑创业的年轻程序员(10)
- PHP新手上路(一)(7)
- 惹恼程序员的十件事(5)
- PHP邮件发送例子,已测试成功(5)
- 致初学者:PHP比ASP优秀的七个理由(4)
- PHP会被淘汰吗?(4)
- PHP新手上路(四)(4)
- 如何去学习PHP?(2)
- 简单入门级php分页代码(2)
- php中邮箱email 电话等格式的验证(2)