返回网页顶部js小程序

分类:js小程序

 返回网页顶部js,有利于提高用户友好度 ,如果网页太长极便于返回网站顶部,有一点缺点,就是一直在右边,不是拉半屏再显示的!

<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"><img src="http://www.oschina.net/img/gotop.gif" alt="回到顶部" style="border: 0px;" /></a></div> ');
		  document.write('<div style="clear:both;margin:auto;overflow:hidden;text-align:left;">'+str+'</div>');
		  document.writeln('</DIV>');
		  
		  </script>

 

本文链接: 返回网页顶部js小程序
版权所有:布士收藏夹在网络收集,如有侵犯你的权利, 请联系QQ:641868752。

评论

发表评论

*

* (显示gravatar头像)

Ctrl+Enter快捷回复

© 2014 布士收藏夹 all rights reserved.