Tip: you can modify some code before running
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html><head><title>Test</title><meta http-equiv="Content-Type" content="text/html; charset=gb2312"><!--<link href="1.css" rel="stylesheet" type="text/css">--><script language="JavaScript">Function tabit (id, cid) {tabwoman. className = "taboff"; tabman. className = "taboff"; tabsport. className = "taboff"; tableisure. className = "taboff"; tabshoes. className = "taboff"; tabdecor. className = "taboff"; id. className = "tabon"; cwoman. style. display = "none"; cman. style. display = "none"; csport. style. display = "none"; cleisure. style. display = "none"; cshoes. style. display = "none"; cdecor. style. display = "none"; cid. style. display = "block"; // winname = cid;} function showall () {tabwoman. className = "tabon"; tabman. className = "tabon"; tabsport. className = "tabon"; tableisure. className = "tabon"; tabshoes. className = "tabon"; tabdecor. className = "tabon"; cwoman. style. display = "block"; cman. style. display = "block"; csport. style. display = "block"; cleisure. style. display = "block"; cshoes. style. display = "block"; cdecor. style. display = "block ";}</script><style>td {font-family: "Verdana";font-size: 9pt;padding:3px;}.tabon {background-color: #ffffff;border-top: 1px solid #e3e3e3;border-left: 1px solid #e3e3e3;color: #DB5B6F;font-weight: bold;}.taboff {background-color: #f5f5f5;border-top: 1px solid #e3e3e3;border-left: 1px solid #e3e3e3;border-bottom: 1px solid #e3e3e3;color: #666666;font-weight: bold;}.tdbody {border-bottom: 1px solid #e3e3e3;border-right: 1px solid #e3e3e3;border-left: 1px solid #e3e3e3;line-height:50px;background-color: #ffffff;}.tdbody2 {border-right: 1px solid #e3e3e3;border-left: 1px solid #e3e3e3;line-height:50px;background-color: #ffffff;}</style></head><body onLoad="tabit(tabwoman,cwoman)"><table border="0" cellpadding="0" cellspacing="0" width="340"> <tr> <td class="taboff" id="tabwoman" onClick="tabit(tabwoman,cwoman)" align="center">Women's clothing</td> <td class="taboff" id="tabman" onClick="tabit(tabman,cman)" align="center">Men's wear</td> <td class="taboff" id="tabsport" onClick="tabit(tabsport,csport)" align="center">Sports</td> <td class="taboff" id="tableisure" onClick="tabit(tableisure,cleisure)" align="center">Leisure</td> <td class="taboff" id="tabshoes" onClick="tabit(tabshoes,cshoes)" align="center">Footwear</td> <td class="taboff" id="tabdecor" onClick="tabit(tabdecor,cdecor)" align="center" style="border-right: 1px solid #E3E3E3">Accessories</td> </tr> <tr id="cwoman" > <td colspan="6" class="tdbody">Women's clothing</td> </tr> <tr id="cman" > <td colspan="6" class="tdbody">Men's wear</td> </tr> <tr id="csport" > <td colspan="6" class="tdbody">Sports</td> </tr> <tr id="cleisure" > <td colspan="6" class="tdbody">Leisure</td> </tr> <tr id="cshoes" > <td colspan="6" class="tdbody">Footwear</td> </tr> <tr id="cdecor" > <td colspan="6" class="tdbody">Accessories</td> </tr></table></td> </tr></table>
Tip: you can modify some code before running
