m0_37219080
2017-01-04 03:54
采纳率: 25%
浏览 1.4k
已采纳

javascript实现背景滚动的效果

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

  • 写回答
  • 好问题 提建议
  • 关注问题
  • 收藏
  • 邀请回答

2条回答 默认 最新

  • 已采纳

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

    
    <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>
    
    已采纳该答案
    评论
    解决 无用
    打赏 举报
  • csmzl 2017-01-04 08:53

    貌似刚刚有一个一样的问题啊:
    http://blog.csdn.net/csmzl/article/details/54020682

    评论
    解决 无用
    打赏 举报

相关推荐 更多相似问题