Tip: you can modify some code before running
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><title>Untitled Document</title></head> <body> <style>/*栏目切换样式开始*/.none {display: none;}.block {display: block;}/*头部样式*/.s_c {width:800px;text-align: center;}.s_c ul{clear:both;margin:0;}.s_c li{list-style:none;float:left;position: relative;width: 70px;}/**/.c_0 {background-color: #CCCCCC;} /*隐藏状态*/.c_1 {background-color: #0000CC;} /*显示状态*//**/.s_b{border:1px solid #666;height: 160px;width: 440px;} /**//*栏目切换样式结束*/ </style><script language="javascript">Function aa (s_id) {for (I = 1; I <7; I ++) {if (I = s_id) {document. getElementById ("s" + I ). className = "block"; // The style document of the content. getElementById ("m" + I ). className = "c _" + I + "c_1"; // style of the header // document. getElementById ("uid _" + I ). focus ();} else {document. getElementById ("s" + I ). className = "none"; // The content does not show document. getElementById ("m" + I ). className = "c_0 ";//}}}</script><div ><ul><li><div id="m1" >Category 1</div></li><li><div id="m2" >Category 2</div></li><li><div id="m3" >Category 3</div></li><li><div id="m4" >Category 4</div></li><li><div id="m5" >Category 5</div></li><li><div id="m6" >Category 6</div></li></ul></div><div > <div id="s1"><div>Part 1</div></div><div id="s2"><div >Part 2</div></div><div id="s3"><div >Part 3</div></div><div id="s4"><div >Part 4</div></div><div id="s5"><div >Part 5</div></div><div id="s6"><div >Part 6</div></div> </div></body></html></td> </tr></table>
Tip: you can modify some code before running
