记录分享
互联网历程和变化

不用插件在wordpress侧边实现“返回顶部”“回到顶部”之类的按钮。

在wordpress搭建的网站中插件使用多了会减慢网页加载的速度,所以为了提高速度,能用代码代替的尽量用代码。

但是玩代码还是要一定的功底的,不怎么在行的最好用其他替代,不然会越搞越头疼,甚至可能造成网站无法打开。

下面这段“返回顶部”的代码比较简单,常州seo借用百度的,一般不会有什么问题:

将这段代码复制到所用主题的footer.php文件,</body>标签之后,</html>标签之前的位置。

<div id="full" style="width:50px; height:95px; position:fixed; left:50%; top:425px; margin-left:493px;  z-index:100; text-align:center; cursor:pointer;">
<a><img src="http://top.baidu.com/img/return_top.gif" border=0 alt="返回顶部"></a>
</div>
<script src="http://top.baidu.com/js/news_top.js" type="text/javascript"></script>

为了防止上述代码调用的js文件失效,可以把 http://top.baidu.com/js/news_top.js 文件保存到自己网站目录内,然后修改为自己的调用地址。

下面是news_tops.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) };

最后,换上自己喜欢的图片标志。

网上还有很多实现返回顶部、向上向下、评论的按钮代码,由于我对代码不是太清楚,也只能分享最简单的,呵呵。

大家在使用过程中遇到什么问题,可以联系奇舰,我会耐心为大家解决。

未经允许不得转载:奇舰 » 不用插件在wordpress侧边实现“返回顶部”“回到顶部”之类的按钮。

分享到:更多 ()

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

奇舰科技 更专业 更效率

商务合作联系我们