动态逐个显示div 逐渐显示div js控制逐渐显示div层.docVIP

动态逐个显示div 逐渐显示div js控制逐渐显示div层?? 2011-12-03 23:05:54|??分类：?编程|字号?订阅 !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=UTF-8 / titlediv逐个显示效果 榕river /title style type=text/css #container{ width:60%; height:80%; position:absolute; text-align:center} #div1,#div2,#div3,#div4,#div5,#div6,#div7,#div8,#div9,#div10,#div11,#div12{ width:80px; height:80px; background:#eeeeee;? margin:0 2px 2px 0; padding:20px; border:3px #ccc double; font:30px Verdana, Arial, Helvetica, sans-serif; color:#666;? float:left; display:none } /style script language=javascript var i=1,j? function shoppingcat(){? if(i=12){? document.getElementById(div+i).style.display=block? if((j=1)(j=11)){? document.getElementById(div+j).style.border=3px #666 double? document.getElementById(div+j).style.background=#ccc} i++? j=i-1? setTimeout(shoppingcat(),500) } else if(i=13) {document.getElementById(div+j).style.border=3px #666 double? document.getElementById(div+j).style.background=#ccc} } /script /head body onload=shoppingcat() div id=container align=center div id=div11/div div id=div22/div div id=div33/div div id=div44/div div id=div55/div div id=div66/div div id=div77/div div id=div88/div div id=div99/div div id=div1010/div div id=div1111/div div id=div1212/div /div /body /html 1