js脚本教程84：数组应用实例之图片切换效果2

5、Array数组应用实例2
< script type="text/javascript">
var i = 0;
function setimg(){
var obj = document.getElementById("img1");
var imgtxt = document.getElementById("imgtxt");
var arrayimg = new Array("images/wmn1.jpg","images/wmn2.jpg","images/wmn3.jpg","images/wmn4.jpg");
var arraytxt = new Array("范冰冰倾情演绎《武媚娘传奇》","武媚娘在跳《兰陵舞》","武媚娘宫廷争斗惊醒动魄","范冰冰之《兰陵王入阵曲》");
if(i<arrayimg.length-1){
i++;
}
else
{
i=0;
}
obj.src = arrayimg[i];
obj.alt = arraytxt[i];
imgtxt.innerHTML=arraytxt[i];
//num.innerHTML=i;
//var k = setTimeout("setimg()",2000);
}
var k = setInterval("setimg()",2000);
< /script>
< style type="text/css">
.imgwk{ width:524px; height:293px; position:relative;}
.imgwk img{width:524px; height:293px;}
.imgtxt{ color:#FFF; text-align:center; line-height:30px; width:524px; height:30px; position:absolute; bottom:0px; background-color:#000; opacity:0.5;}
< /style>
< div class="imgwk">
<img id="img1" alt="范冰冰倾情演绎《武媚娘传奇》" onclick="setimg()" src="images/wmn1.jpg" />
<div id="imgtxt" class="imgtxt">范冰冰倾情演绎《武媚娘传奇》</div>
< /div>