网站地图    收藏   

主页 > 后端 > wordpress教程 >

wordpress代码:添加反回顶部按钮 - WordPress

来源:自学PHP网    时间:2014-11-28 23:42 作者: 阅读:

[导读] 1、新建一个 js文件fanhui js,并保存到自己网站目录http: www phpfensi com wp-content themes twentyeleven js代码如下:varisie6=window...

wordpress代码:添加反回顶部按钮

1、新建一个.js文件fanhui.js,并保存到自己网站目录http://www.phpfensi.com/wp-content/themes/twentyeleven/js代码如下:

  1. var isie6 = window.XMLHttpRequest ? false : truefunction newtoponload() { 
  2. var c = document.getElementByIdx_x_x(“full”); function b() { 
  3. var a = document.documentElement.scrollTop || window.pageYOffset || document.body.scrollTop; if (a > 0) { 
  4. if (isie6) { c.style.display = “none”; clearTimeout(window.show); window.show = setTimeout(function () { 
  5. var d = document.documentElement.scrollTop || window.pageYOffset || document.body.scrollTop; if (d > 0) { 
  6. c.style.display = “block”; c.style.top = (400 + d) + “px” } }, 300) } else { c.style.display = “block” } } 
  7. else { c.style.display = “none” } } if (isie6) { c.style.position = “absolute” } window.onscroll = b; b() } 
  8. if (window.attachEvent) { window.attachEvent(“onload”, newtoponload) } 
  9. else { window.addEventListener(“load”, newtoponload, false) } 
  10. document.getElementByIdx_x_x(“full”).onclick = function () { window.scrollTo(0, 0) }; 

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

  1. <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;”> 
  2. <a><img src=”http://www.phpfensi.com/wp-content/uploads/2013/01/fanhui.jpg” border=0 alt=”返回顶部”></a> 
  3. </div> 
  4. <script src=”http://www.phpfensi.com/wp-content/themes/twentyeleven/js/fanhui.js” type=”text/javascript”> 
  5. </script> 
3、将上面的图片路径改为自己的返回顶部的图片地址,第二行红字改为自己fanhui.js所在目录,然后保存就可以了.

自学PHP网专注网站建设学习,PHP程序学习,平面设计学习,以及操作系统学习

京ICP备14009008号-1@版权所有www.zixuephp.com

网站声明:本站所有视频,教程都由网友上传,站长收集和分享给大家学习使用,如由牵扯版权问题请联系站长邮箱904561283@qq.com

添加评论