导航

« 黄金外汇小知识How to Remember Things Without Memorization  »

javacript 回到顶部 分享

JavaScript

回到顶部效果加在适当的网页中会给访问者一个很好的浏览体验,以下是网上整理的javascrip回到顶部代码,代码中的w,h分别代表距离屏幕右下角的距离(像素);Top.gif是图片样式,地址由自己指定,复制到网页代码中即可   ,更多回到顶部点这里查看:动态回到顶部

JavaScript Code复制内容到剪贴板
  1. <!--   
  2. var w = 32;   
  3. var h = 20;   
  4. var str = "";   
  5. var obj = document.getElementById("divStayTopLeft");   
  6. if (obj)str = obj.innerHTML;   
  7. iftypeof document.compatMode != 'undefined' && document.compatMode != 'BackCompat'){   
  8. document.writeln('<DIV  style="z-index:9;right:0;bottom:0;height:'+h+'px;width:'+w+'px;overflow:hidden;POSITION:fixed;_position:absolute; _margin-top:expression(document.documentElement.clientHeight-this.style.pixelHeight+document.documentElement.scrollTop);">');   
  9. }   
  10. else {   
  11. document.writeln('<DIV  style="z-index:9;right:0;bottom:0;height:'+h+'px;width:'+w+'px;overflow:hidden;POSITION:fixed;*position:absolute; *top:expression(eval(document.body.scrollTop)+eval(document.body.clientHeight)-this.style.pixelHeight);">');   
  12. }   
  13. document.writeln('<div style="clear:both;margin:auto;height:30px;font-size:16px;overflow:hidden;font-weight:bold;text-align:left;"><a href="javascript:scroll(0,0)" hidefocus="true"><img src="/PLUGIN/GoTop/Top.gif" alt="" title="Go to Top" style="border: 0px;" /></a></div> ');   
  14. document.write('<div style="clear:both;margin:auto;overflow:hidden;text-align:left;">'+str+'</div>');   
  15. document.writeln('</DIV>');   
  16. -->  


效果如网站右下角显示

 

  • 顶一下





原创文章如转载,请注明:转载自落日故乡

本文链接地址:http://www.spersky.com/post/jsgototop.html

发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

内容搜索


常用链接

最新评论及回复

Powered By Z-Blog

Copyright spersky All Rights Reserved.Theme Moonlight,Calf modified.