求助

Question

怎么用JS 让图片自动滚动起来

Answer 1

html里marquee标签就能滚动
js的话 写个方法递增或递减改变图片的位置  定时器调用  

Answer 2

演示地址：http://www.mzoe.com/demo/jquery/marquee/下载地址：http://www.mzoe.com/Public/JS/jquery/jquery.marquee.js插件代码：(function($) {  
    $.fn.marquee = function(o) {  
        //获取滚动内容内各元素相关信息  
        o = $.extend({  
            speed:      parseInt($(this).attr('speed')) || 30, // 滚动速度  
            step:       parseInt($(this).attr('step')) || 1, // 滚动步长  
            direction:  $(this).attr('direction') || 'up', // 滚动方向  
            pause:      parseInt($(this).attr('pause')) || 1000 // 停顿时长  
        }, o || {});  
        var dIndex = jQuery.inArray(o.direction, ['right', 'down']);  
        if (dIndex > -1) {  
            o.direction = ['left', 'up'][dIndex];  
            o.step = -o.step;  
        }  
        var mid;  
        var div         = $(this); // 容器对象  
        var divWidth    = div.innerWidth(); // 容器宽  
        var divHeight   = div.innerHeight(); // 容器高  
        var ul          = $("ul", div);  
        var li          = $("li", ul);  
        var liSize      = li.size(); // 初始元素个数  
        var liWidth     = li.width(); // 元素宽  
        var liHeight    = li.height(); // 元素高  
        var width       = liWidth * liSize;  
        var height      = liHeight * liSize;  
        if ((o.direction == 'left' && width > divWidth) ||   
            (o.direction == 'up' && height > divHeight)) {  
            // 元素超出可显示范围才滚动  
            if (o.direction == 'left') {  
                ul.width(2 * liSize * liWidth);  
                if (o.step < 0) div.scrollLeft(width);  
            } else {  
                ul.height(2 * liSize * liHeight);  
                if (o.step < 0) div.scrollTop(height);  
            }  
            ul.append(li.clone()); // 复制元素  
            mid = setInterval(_marquee, o.speed);  
            div.hover(  
                function(){clearInterval(mid);},  
                function(){mid = setInterval(_marquee, o.speed);}  
            );  
        }  
        function _marquee() {  
            // 滚动  
            if (o.direction == 'left') {  
                var l = div.scrollLeft();  
                if (o.step < 0) {  
                    div.scrollLeft((l <= 0 ? width : l) + o.step);  
                } else {  
                    div.scrollLeft((l >= width ? 0 : l) + o.step);  
                }  
                if (l % liWidth == 0) _pause();  
            } else {  
                var t = div.scrollTop();  
                if (o.step < 0) {  
                    div.scrollTop((t <= 0 ? height : t) + o.step);  
                } else {  
                    div.scrollTop((t >= height ? 0 : t) + o.step);  
                }  
                if (t % liHeight == 0) _pause();  
            }  
        }  
        function _pause() {  
            // 停顿  
            if (o.pause > 0) {  
                var tempStep = o.step;  
                o.step = 0;  
                setTimeout(function() {  
                    o.step = tempStep;  
                }, o.pause);  
            }  
        }  
    };  
})(jQuery);  
$(document).ready(function(){  
    $(".marquee").each(function() {  
        $(this).marquee();  
    });  
}); 
 调用代码：<div id="marquee"> 
    <ul> 
        <li><img src="image/1.jpg" alt="1"></li> 
        <li><img src="image/2.jpg" alt="2"></li> 
        <li><img src="image/3.jpg" alt="3"></li> 
    </ul> 
</div> 
$(document).ready(function(){  
    $("#marquee").marquee({  
        direction: "left",  
        step: 1,  
        pause: 1000  
    });  
}); 

Answer 3

滚动就是一个不停调整图片位置的过程
function scroll()
{
    //此处滚动代码，根据元素的display类型，相应地控制其scrollLeft和scrollTop等的值来调整其位置
    
    //然后提供调用
    setTimeout("scroll",1000);//1000延迟时间
}