今天不在状态,安静五一快到了,俺就特想玩了。好了,天色已晚,闲话不多说,看下用javascript 实现的图片自动轮换效果,先看图片
下面是具体的代码,还是比较简单的。
<script type="text/javascript"> <br>var arr=['images/1.jpg','images/2.jpg','images/3.jpg','images/4.gif','images/5.jpg']; <br>var i=0; <br>var ob,obk; <br>function lunhuan(){ <br><br>if(i>4){//数字大于4就从0开始 <br>i=0; <br>} <br>ob=document.getElementById("image1"); <br>ob.src=arr[i]; <br>//所有div-0到div-4,背景颜色置灰 <br>for(var j=0;j<=4;j++){ <br>document.getElementById("div-"+j).style.backgroundColor='#ccc'; <br>document.getElementById("div-"+j).style.color='black'; <br>} <br>obk=document.getElementById("div-"+i); <br>obk.style.backgroundColor='red'; <br>obk.style.color='white'; <br>i++; <br>} <br></script>

简单的说下流程:
1.先定义最外层的DIV
2.再定义紧挨着的图片DIV
3.图片右下角的小方块DIV
用计时器函数,实现图片轮换,并让小方块也产生对于的变化。
OK,睡觉。











