导航

javascript实现自动滑动漂浮框

Posted on 2012-05-30 16:14  yjss  阅读(401)  评论(0编辑  收藏  举报
<script type="text/javascript">
        lastScrollY = 0;
        function FloatScroll() {
            var diffY;
            if (document.documentElement && document.documentElement.scrollTop) {
                diffY = document.documentElement.scrollTop;
            }
            else if (document.body) {
                diffY = document.body.scrollTop;
            }
            else
            { }
            percent = .1 * (diffY - lastScrollY);
            if (percent > 0) {
                percent = Math.ceil(percent);
            }
            else {
                percent = Math.floor(percent);
            }
            document.getElementById("boxid").style.top = parseInt(document.getElementById("boxid").style.top) + percent + "px";
            lastScrollY = lastScrollY + percent;
        }
        setInterval(FloatScroll, 10);
</script>