首页 » 归档, 捣鼓折腾 » 代码方式添加wordpress博客“返回顶部”

代码方式添加wordpress博客“返回顶部”

时间:2012-11-27作者:三秒掉线君分类:归档, 捣鼓折腾评论:1

分享: 腾讯微博 新浪微博

话说今天铃铛问我怎么添加博客右下角的“返回顶部”。其实我也是傻了吧唧添加的。
每天不折腾代码不舒服斯基。今天把另外一个wordpress博客从ftp上删掉了,瞬间本博和论坛都快了很多,除了感慨Wordpress实在是太占CPU太卡之外实在是想不到其他了。
没想到一时没注意把 苏苏和大师兄的“返回顶部”图片也给删掉了。

最近在排查注意,能使用代码就使用代码,尽量不要用插件,免得到后来wordpress太臃肿太卡,使得论坛都不堪重负了。
于是这个返回顶部用的是代码:
如下↓(添加在主题模板的footer里,div代码你知道的)

  1. <div id="full" style="width:60px; height:65px; position:fixed; left:60%; bottom:20px; margin-left:305px;  z-index:100; text-align:center; cursor:pointer;">
  2. <a><img src="你的图片" border=0 alt="返回顶部"/></a> 
  3. </div> 
  4. <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>

另外要修改的参数你也会的mua! (*╯3╰)

——————————–2012年12月24日19:56:15————————
混蛋的百度,把原先的news_top.js给一瞬间取消了。
前一秒还好的,瞬间经历了一刷新就不能回到顶部的感觉。
我挫兮兮的苏苏和大师兄,戳他们就不能回顶部了,魂淡!!!!
幸好山姆蜀黍和瓜爷给力啊!
平安夜饿肚子怎么破!!!



无觅相关文章插件,快速提升流量

» 版权所有:明夜微凉 » 《代码方式添加wordpress博客“返回顶部”》
» 本文链接:http://hzhgd.net/blog/dflmywl/index.php/archives/756
» 关于站长:BO主是一朵反射弧长、有拖延症、爱吐槽影视剧、偶尔剪个MV的死宅,有事请留言(つω`)~


返回顶部