window.onload=function(){

var div1=document.getElementById("div1");

var ul=div1.getElementsByTagName("ul")[0];

var lis=ul.getElementsByTagName("li");

var divs=div1.getElementsByTagName("div");

var index1=0;

var timer=null;

for(var i=0;i<lis.length;i++){

lis[i].onmouseover=function(){

clearInterval(timer); ? ? ? //鼠標劃過時清除定時器

lis[i].index=i;

for(var j=0;j<lis.length;j++){ ? ? ?//初始化所有的li和div標簽

divs[j].className="hide";

lis[j].className="";

}

divs[this.index].className="";

this.className="li1";

}

lis[i].ommouseout=function(){

timer=setInterval(autoplay,1000);

}

}

function autoplay(){

index1++;

if(index1>=lis.length)

index1=0;

for(var j=0;j<lis.length;j++){

divs[j].className="hide";

lis[j].className="";

}

divs[index1].className="";

lis[index1].className="li1";

}

timer=setInterval(autoplay,1000);

}