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.wfuyu.com/' target='_blank'>http://www.wfuyu.com/</a></center>提示:可修改后代码再运行!
上一篇 网店推广秘籍:网店一夜走红的18个绝招
下一篇 十一条经验教你如何打响自己论坛的知名度