JavaScript实现的回到顶部代码,可跟随滚动条滚动,这是烈火网小编在百度空间看到的代码,不知道原作者是谁,在代码中的“回到顶部”按钮原本是一个图片,由于图片路径不正确,所以被小编替换为文字链接,您可以自行修改哦。 演示: <div style="height:2800px;"><script type="text/javascript"> var w = 240; var h = 59; var str = ""; var obj = document.getElementById("divStayTopLeft"); if (obj)str = obj.innerHTML; if( typeof document.compatMode != 'undefined' && document.compatMode != 'BackCompat'){ 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);">'); } else { 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);">'); } document.writeln('<div style="clear:both;margin:auto;height:59px;font-size:16px;overflow:hidden;font-weight:bold;text-align:left;"><a href="javascript:scroll(0,0)" hidefocus="true">回到顶部</a></div> '); document.write('<div style="clear:both;margin:auto;overflow:hidden;text-align:left;">'+str+'</div>'); document.writeln('</DIV>'); </script><br /><center>如不能显示效果,请按Ctrl+F5刷新本页,更多网页代码:<a href='http://www.veryhuo.com/' target='_blank'>http://www.veryhuo.com/</a></center>提示:可修改后代码再运行! 文章导航 CSS border三角的一个应用实例JavaScript 最短的 XML 格式化工具