JS滚动

横向:一个Jquery插件 liScroll

纵向:来自百度空间的一段代码,整屏滚动,效果不错。

<script type="text/javascript">
    function startmarquee(lh, speed, delay, index) {
        var t;
        var p = false;
        var o = document.getElementById("scoll");
        o.innerHTML += o.innerHTML;
        o.onmouseover = function() { p = true }
        o.onmouseout = function() { p = false }
        o.scrollTop = 0;
        function start() {
            t = setInterval(scrolling, speed);
            if (!p) o.scrollTop += 2;
        }
        function scrolling() {
            if (o.scrollTop % lh != 0) {
                o.scrollTop += 2;
                if (o.scrollTop >= o.scrollHeight / 2) o.scrollTop = 0;
            } else {
                clearInterval(t);
                setTimeout(start, delay);
            }
        }
        setTimeout(start, delay);
    }
    try {
        startmarquee(80, 50, 3000, 0);
    } catch (e) { }        
</script>

参数:

  1. lh:滚动距离
  2. speed:滚动速度
  3. delay:延迟时间

使用:

<ul id="scoll" style="overflow: hidden">
    <li></li>
</ul>
posted @ 2009-12-07 12:01  Icyflash  阅读(343)  评论(0编辑  收藏  举报