<ptml> <pead> <style> body{margin:0 Auto; width:950px; font-size:12px; Text-align:center; } #wholebody {width:950px; newline{/* applies only to the right/clear:both; width:700px; } #top {Height:auto; }. left_square{}. right_square{} #topic {height:100px; } #left {float:left; width:250px; } #left_qq {height:80px; } #left_inquire {height:220px; } #left_master_page {height:200px; } #left_online {height:220px; } #left_keyword {height:140px; } #left_aboutus {height:200px; } #right {float:left; width:700px; } #right_flash {width:700px; height:300px; Float:left; } #right_chara { width:350px; Float:left; height:200px; } #right_master_answer {width:350px; Float:left; height:200px; #right_knowledge {Clear:both}. knowledge{Float:left; width:140px; height:360px; } #right_research {float:left; width:50%; height:200px; } #right_recommend {float:left; width:50%; height:200px; } </style> </pead> <body> <div id= "Wholebody" > <div id= "Top" ></div><!--Top --> <div id= "topic" ></div><!--topic--> <div id= "left" > <div id= "left_qq" ></ div><!--qq--> <div id= "Left_inquire" ></div><!--inquire--> <div id= "Left_master_page" ></div><!--masterpage--> <div id= "Left_online" ></div><!--online--> <div id= "Left_keyword" ></ div><!--keyword--> <div id= "Left_aboutus" ></div><!--aboutus--> </div><!-- left--> <div id= "right" > <div id= "right_flash" ></div><!--rightflash--> <div class= "ne Wline "> <div id=" Right_chara "></div> <div id=" Right_master_answer "></div> </div> <div id= "Right_knowledge" > <div class= "knowledge" ></div> <div class= "knowledge" ></div> ; <div class= "knowledge" ></div> <div class= "knowledge" ></div> <div class= "Knowledge" > </div> </div><!--know--> <div class= "newline" > <div id= "Right_research" >RES</DIV&G T <div id= "Right_recommend" >rec</div> </div> </div> </div> </body> <script> var divs=document.getelementsbytagname ("DiV "); var m=0; for (i=0;i<divs.length;i++) {if (!divs[i].haschildnodes ()) {var text=document.createelement ("span"); var firstdivnode=divs[i].firstchild; Divs[i].appendchild (text); Switch ((m++)% 5) {case 0:divs[i].style.backgroundcolor= "#2F615A"; Break Case 1:divs[i].style.backgroundcolor= "#F3F7E1"; Break Case 2:divs[i].style.backgroundcolor= "#F7B17E"; Break Case 3:divs[i].style.backgroundcolor= "#ED7745"; Break Default:divs[i].style.backgroundcolor= "#214A45"; } var spans=document.getelementsbytagname ("span"); for (i=0;i<spans.length;i++) {spans[i].innerhtml=spans[i].parentnode.classname; if (spans[i].parentnode.id) {spans[i].innerhtml=spans[i].innerhtml+ " id:" +spans[i].parentnode.id; }} </script> </ptml>
[Ctrl + A All SELECT Note: If the need to introduce external JS need to refresh to perform]
