wordpress博客代码方式添加“返回顶部” 最简单的方法

这个没什么好说的了,一般情况下主题都是有的,但是对于一些自己想做主题或者自己想换一个返回顶部的人来说还是有点用的。

首先是添加位置在footer.php里面添加:(添加在</body> </html>它们前面)

<div id="full" >
<a><img src="http://zklhy.com/wp-content/themes/Beginning/top.png" border=0 alt="返回顶部"/></a> 
//上面是图片地址这个可以引用我的
</div> 
<script src="http://zklhy.com/wp-content/themes/Beginning/js/gototop.js" type="text/javascript">
//这里是你放的js地址(这个必须要你自己的)
</script>

接下来就是添加css了,在style.cs文件里面添加:

#full{width:60px;
height:65px;
position:fixed; 
left:60%; 
bottom:20px;
margin-left:400px; 
z-index:100; 
text-align:center; 
cursor:pointer;
}

现在就剩下js和图片了,新建一个js文件放在你的主题的js文件里面命名:gototop.js 里面添加:

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) };

记住地址一定要和写在footer.php里面的一样

好了还有图片 记住一定要放到和写在footer.php里面一样的地址

直接下载吧!

 

发表评论