焦点轮播图效果<br> *{<br> margin: 0;<br> padding: 0;<br> list-style-type: none;<br> }<br> .wrap{<br> width:490px;<br> height: 170px;<br> margin: 100px auto;<br> overflow: hidden;<br> position: relative; <br> }<br> .wrap ul{<br> position: absolute;<br> }<br> .wrap li{<br> height: 170px;<br> }<br> .list{<br> position: absolute;<br> right: 10px;<br> bottom: 10px;<br> }<br> .list li{<br> float: left;<br> width: 20px;<br> height: 20px;<br> background-color: #ccc;<br> border: 1px solid #666;<br> margin-left: 5px;<br> color: #000;<br> text-align: center;<br> line-height: 20px;<br> cursor: pointer;<br> }<br> .list li.on{<br> background-color: #E57000;<br> color: #fff;<br> }<br> 1 2 3 4 5 using using using ‐ timer=setInterval(autoPlay,2000 ; list[ j].onmouseover=function(){ ,,,,,, i++) { list[ i] .classname = "";