从网上找了一段返回顶部的代码，兼容性不怎么好，谷歌浏览器下不显示，IE6下不跟着屏幕动
修改了下发布上来，本人计算机上的搜狗、谷歌、FF、IE6/7/8、Opera、遨游……基本都测试过，不存在任何问题。演示效果见本站。

CSS代码：Body里面的不加也可以，只是IE6下面滚动的时候会抖。

/*返回顶部样式*/
body{background:url(images.gif) fixed;}
#goTopBtn {
  POSITION: fixed; _position:absolute; 
_top:expression(document.documentElement.clientHeight + document.documentElement.scrollTop - 
 this.offsetHeight); 
 TEXT-ALIGN: center; 
 LINE-HEIGHT: 50px; 
 WIDTH: 20px; 
 HEIGHT: 50px; 
 FONT-SIZE: 12px; 
 CURSOR: pointer; 
 left:50%; 
 bottom:0; 
 margin-left: 480px;
}

JS代码：

<script type="text/javascript">
function goTopEx(){
        var obj=document.getElementById("goTopBtn");
        function getScrollTop(){
                return document.documentElement.scrollTop &#124;&#124; document.body.scrollTop;
            }
        function setScrollTop(value){
                document.documentElement.scrollTop=value;
document.body.scrollTop = value;
            }    
        window.onscroll=function(){getScrollTop()>0?obj.style.display="":obj.style.display="none";}
        obj.onclick=function(){
            var goTop=setInterval(scrollMove,10);
            function scrollMove(){
                    setScrollTop(getScrollTop()/1.2);
                    if(getScrollTop()<1)clearInterval(goTop);
                }
        }
    }
</script>

HTML代码：

<!--返回顶部按钮-->
<div id="goTopBtn" style="display:none" title="返回顶部"><a href="javascript:">返回顶部</a></div>  
<SCRIPT type=text/javascript>goTopEx();</SCRIPT>
<!--返回顶部按钮end-->

“返回顶部”四个字可以替换成图片。

Tags：代码, 返回顶部