程序博客网 > javzoo2016最新域名

用js做的返回顶部

来源：互联网发布：javzoo2016最新域名编辑：程序博客网时间：2024/05/17 07:09

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>

    <script language="javascript" type="text/javascript">
function goTopEx(){
        var obj=document.getElementById("goTopBtn");
        function getScrollTop(){
                return document.documentElement.scrollTop;
            }
        function setScrollTop(value){
                document.documentElement.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.1);
                    if(getScrollTop()<1)clearInterval(goTop);
                }
        }
    }

</script>
    <style type="text/css">
        BODY
        {
        
            height: 3600px;
        }

        #goTopBtn
        {
            position: fixed;
            text-align: center;
            line-height: 30px;
            width: 30px;
            bottom: 35px;
            height: 33px;
            font-size: 12px;
            cursor: pointer;
            right: 0px;
            _position: absolute;
            _right: auto;
        }
    </style>
    <title></title>
</head>
<body style="text-align: center">
    <div style="display: none" id="goTopBtn">
        <img border="0" src="images/lanren_top.jpg"></div>

    <script type="text/javascript">goTopEx();</script>
    <p>
        超出首屏范围，即会出现TOP按钮，否则自动隐藏。<br />
    </p>
</body>
</html>

javzoo2016最新域名

javzoo2016最新域名

原创粉丝点击

热门问题 老师的惩罚人脸识别我在镇武司摸鱼那些年重生之率土为王我在大康的咸鱼生活盘龙之生命进化天生仙种凡人之先天五行春回大明朝姑娘不必设防，我是瞎子狗狗沐浴露洗发水沐浴露沐浴露洗车东方宝石沐浴露弱酸性沐浴露沐浴乳和沐浴露进口沐浴露沐浴露和沐浴乳索芙特沐浴露酸性沐浴露好用的沐浴露沐浴露哪种好美白沐浴露排行榜国产沐浴露品牌沐浴露男士沐浴露排名哪款沐浴露好用安利沐浴露沐浴露英语儿童沐浴露高夫沐浴露价格男士沐浴露哪种好好的沐浴露身体乳和沐浴露沐浴露系列沐浴露哪个品牌好那个沐浴露好用乐银沐浴露买沐浴露雅蜜沐浴露沐浴露包装滴露沐浴露沐浴露用法好用沐浴露沐浴露身体乳沐浴露配方完美沐浴露酒店沐浴露沐浴露哪个好沐浴露如何使用怎样选择沐浴露