js缓冲运动制作对联悬浮框

<style>
*{padding: 0; margin: 0;}
#div1{ width: 100px; height: 150px; background: red; position: absolute; right: 0;
}
</style>

````
<script>
    window.onscroll=function(){
        var oDiv=document.getElementById("div1");
        var scrollTop=document.documentElement.scrollTop||document.body.scrollTop;
        //oDiv.style.top=(document.documentElement.clientHeight-oDiv.offsetHeight)/2+scrollTop+"px";
        startMove((document.documentElement.clientHeight-oDiv.offsetHeight)/2+scrollTop);
    }
    var timer=null;
    function startMove(iTarget){
        var oDiv=document.getElementById("div1");
        clearInterval(timer);
        timer=setInterval(function(){
            var speed= (iTarget-oDiv.offsetTop)/4;
            speed=speed>0?Math.ceil(speed) : Math.floor(speed);
            if(oDiv.offsetTop==iTarget){
                clearInterval(timer);
            }else{
                document.title=iTarget;
                document.getElementById("txt").value=oDiv.offsetTop;
                oDiv.style.top=oDiv.offsetTop+speed+"px";
            }
        },30);
    }
</script>
````

````



““

0
如无特殊说明,文章均为本站原创,转载请注明出处

该文章由 发布

这货来去如风,什么鬼都没留下!!!
发表我的评论

Hi,请填写昵称和邮箱!

取消评论
代码 贴图 加粗 链接 删除线 签到