JS求代码_html/css_WEB-ITnose-HTML-Tutorial-php.cn

JS求代码_html/css_WEB-ITnose

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB

Freigeben： 2016-06-24 11:44:35

Original

1035 Leute haben es durchsucht

解释下我的问题：
我想做个JS特效
什么特效呢？
一个背景色在几个DIV上不停的轮换
实例：
灰色背景，显示在一个DIV上呈灰色；2秒在下一个DIV上呈灰色；在过2秒，在下一个DIV上呈灰色；

回复讨论(解决方案)

nbsp;html >

无标题文档
<script></script>

$('div:odd').addClass("class1");$('div:even').addClass("class2");

Nach dem Login kopieren

$('div:odd').addClass("class1");$('div:even').addClass("class2");

Nach dem Login kopieren

忽略上面的，你这个是要setInterval

var idx=0;setInterval(function(){var divs = $('div');divs .removeClass("classShow");$('div:eq('+idx+')').addClass("classShow");idx++;idx=idx%divs.length;},2000);

Nach dem Login kopieren

<!DOCTYPE html><html lang="en"><head>    <meta charset="UTF-8">    <title>Document</title></head><body>        <style>        .normal {            width: 100px;            height: 100px;            border: solid 1px gray;            margin: 10px;        }        .current {            background-color: gray;        }    </style>        <div id="container">        <div class="normal">1</div>        <div class="normal">2</div>        <div class="normal">3</div>        <div class="normal">4</div>    </div>        <script>    setInterval( play, 1000 * 2 );    // 获取所有的div    play.divs = document.getElementById( "container" ).getElementsByTagName( "div" );    // 计时器    play.count = 0;    function play() {        var divs = play.divs;        for (var i = 0; i < divs.length; i++) {            if ( i === play.count % divs.length ) {                divs[ i ].className = "normal current";                continue;            }            divs[ i ].className = "normal";        }        play.count++;    }    </script></body></html>

Nach dem Login kopieren