一个简单的返回头部实例

从www.ylbjxx.cn上取的一个简洁返回头部实例，通过CSS和一段JS控制，简单实用，推荐给大家收藏使用。

CSS段大致内容为：

<style type="text/css">
#gotop:hover{background-position:0px -51px}#gotop {width: 38px;height: 39px;position: fixed;bottom: 20px;right: 40px;top: auto;display: block;cursor: pointer;z-index: 999;background: #00a4ef url(/skin/21.png) no-repeat;border: 1px solid #dfdfdf;}
</style>

DIV调用内容：

<div id="gotop" style="display: none;"></div>
 

JS段内容：

<script type="text/javascript">
    backTop=function (btnId){
        var btn=document.getElementById(btnId);
        var d=document.documentElement;
        var b=document.body;
        window.onscroll=set;
        btn.onclick=function (){
            btn.style.display="none";
            window.onscroll=null;
            this.timer=setInterval(function(){
                d.scrollTop-=Math.ceil((d.scrollTop+b.scrollTop)*0.1);
                b.scrollTop-=Math.ceil((d.scrollTop+b.scrollTop)*0.1);
                if((d.scrollTop+b.scrollTop)==0) clearInterval(btn.timer,window.onscroll=set);
            },10);
        };
        function set(){btn.style.display=(d.scrollTop+b.scrollTop>100)?'block':"none"}
    };
    backTop('gotop');
</script>

想省事的可以直接调用。