javascript实现背景滚动的效果

Question

就是设置10个DIV 排成一排 ，两个按钮。一个控制开始一个控制结束。点击开始后从左往右依次显示一次他们的背景颜色。用Javascript做，谢谢了

Answer 1

问题都描述不清楚。。原来背景色是什么

<script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.4.2.min.js"></script>
<style>
    #c div{width:50px;float:left;height:20px;background:#666;margin-right:5px;}
    #c div.focus{background:#f00}
</style>
<div id="c"><script>for(var i=0;i<10;i++)document.write('<div></div>')</script></div>
<input type="button" value="开始" /><input type="button" value="结束" />
<script>
    var divs = $('#c div'), index = 0,timer;
    function setBackGround() {
        divs.removeClass('focus').eq(index).addClass('focus');
        index++;
        if (index >= divs.length) index = 0;
    }
    $(':button').click(function () { if (this.value == '开始') timer = setInterval(setBackGround, 500);else clearInterval(timer) });
</script>