javascript实现背景滚动的效果
问题描述:
就是设置10个DIV 排成一排 ,两个按钮。一个控制开始一个控制结束。点击开始后从左往右依次显示一次他们的背景颜色。用Javascript做,谢谢了
答
问题都描述不清楚。。原来背景色是什么
<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>