Question

js图片切换代码使用问题 急！！！！！！！！！！！

<script language =javascript >
var curIndex=0;
var timeInterval=1000;
var arr=new Array();
arr[0]="1.jpg";
arr[1]="2.jpg";
arr[2]="3.jpg";
arr[3]="4.jpg";
arr[4]="5.jpg";
arr[5]="6.jpg";
arr[6]="7.jpg";
setInterval(changeImg,timeInterval);
function changeImg()
{
var obj=document.getElementById("obj");
if (curIndex==arr.length-1)
{
curIndex=0;
}
else
{
curIndex+=1;
}
obj.src=arr[curIndex];
}
</script>

<img id=obj src ="1.jpg" border =0 />

这段JS什么意思？ 如何在div中使用它？ 详细解释，谢谢

Answer 1

1. 图片1，2，3 用3个div，例如三个div的id分别为：div1,div2,div3 2. 每个div点击时,触发click事件。将点击的这个div显示出来，其余两个div则隐藏。例入点击div1时：document.getElementById(‘div1').style.display='block';document.getElementById(‘div2').style.display='none';document.getElementById(‘div3').style.display='none';
当然，这里只是说明原理，很多时候还需要在切换时 换CSS样式，你就在此基础上扩充就行了。

追问

是这么 用吗？