javascript定时自动换图代码.doc

!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN /TR/xhtml1/DTD/xhtml1-transitional.dtd html xmlns=/1999/xhtml head meta http-equiv=Content-Type content=text/html;charset=gb2312 / title简洁Tab/title style type=text/css !-- body,div,ul,li{ margin:0 auto; padding:0; } body{ font:12px 宋体; text-align:center; } a:link{ color:#00F; text-decoration:none; } a:visited { color: #00F; text-decoration:none; } a:hover { color: #c00; text-decoration:underline; } ul{ list-style:none; } .main{ clear:both; padding:8px; text-align:center; } /*第二种形式*/ #tabs1{ text-align:left; width:400px; } .menu1box{ position:relative; left:300px; top:250px; height:100px; width:400px; text-align:left; } #menu1{ position:absolute; top:20; left:20; z-index:1; } #menu1 li{ float:left; margin-top:100px; background:yellow; margin:1px 1px 1px 1px; display:block; cursor:pointer; width:21px; line-height:21px; height:21px; } #menu1 li.hover{ background:red; border:1px solid #333; } .main1box{ clear:both; margin-top:-1px; border:1px solid #333; height:180px; width:400px; } #main1 ul{ display: none; } #main1 ul.block{ display: block; } -- /style script !-- /*第一种形式 第二种形式 更换显示样式*/ function setTab(m,n){ var tli=document.getElementById(menu+m).getElementsByTagName(li); var mli=document.getElementById(main+m).getElementsByTagName(ul); for(i=0;itli.length;i++){ tli[i].className=i==n?hover:; mli[i].style.display=i==n?block:none; } } var k=1; var j=1; function refresh(){ if(j3){ j=0; } setTab(k,j) j++; } setInterval(refresh(),1000); //-- /script /head body br / br / !--第二种形式-- div id=tabs1 div class=menu1box ul id=menu1 li class=hover onmouseover=setTab(1,0)a href=#1/a/li li onmouseover=setTab(1,1)a href=#2/a/li li onmouseover=setTab(1,2)a href=#3/a/li li onmouseover=setTab(1,3)a href=#4/a/li /ul /div div class=main1box div class=main id=main1 ul class=blockliimg src=img/one.jpg height=170px width=390px/li/ul ulliimg src=img/t