|
<!DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Transitional//EN' 'http://www./TR/xhtml1/DTD/xhtml1-transitional.dtd'>
<html xmlns='http://www./1999/xhtml'> <head> <meta http-equiv='Content-Type' content='text/html; charset=gb2312' /> <style type='text/css'> a { color:#000000; text-decoration:none; } #header { float:left; width:100%; background:#D3D3D3; font-size:93%; line-height:normal; } #header ul { margin:0; padding:0px; list-style:none; } #header li { float:left; background:#DCE1EF; border:solid 1px #8EA2C2; margin-left:2px; padding:0px; } #header a { display:block; padding:5px 15px 4px; } #header .current { background:#FFFFFF; border-left:solid 1px #8EA2C2; border-top:solid 1px #8EA2C2; border-right:solid 1px #8EA2C2; border-bottom:solid 0px #8EA2C2; } #header .current a{ padding-bottom:5px; } .content { margin-top:10px; } .content .contentHeader { background-color:#BCC7E0; border:solid 1px #4B66A5; font-weight:bold; } .content .contentMain { border-left:solid 1px #4B66A5; border-top:solid 0px #4B66A5; border-right:solid 1px #4B66A5; border-bottom:solid 1px #4B66A5; } </style> <script type='text/javascript'> function change_option(number,index){ for (var i = 1; i <= number; i++) { document.getElementById('current' + i).className = ''; document.getElementById('content' + i).style.display = 'none'; } document.getElementById('current' + index).className = 'current'; document.getElementById('content' + index).style.display = 'block'; } </script> <title>注冊</title> </head> <body> <div id='navbar'> <div id='header'> <ul> <li id='current1' class="current"><a href='#' onclick='change_option(4,1);'>注冊</a></li> <li id='current2'><a href='#' onclick='change_option(4,2);'>唐詩三百首</a></li> <li id='current3'><a href='#' onclick='change_option(4,3);'>宋詞精選</a></li> <li id='current4'><a href='#' onclick='change_option(4,4);'>明清小說</a></li> </ul> </div> <div id='content1' class='content'> <div class='contentHeader'>注冊</div> <div class='contentMain'> <table border="0"> <tr> <td> <form name="form1" action=""> <table border="0"> <tr bgcolor="22eeff"> <td align="center">用戶信息</td> </tr> <tr> <td>姓名：<input type="text" name="username"></td> </tr> <tr> <td>年齡：<input type="text" name="age"></td> </tr> <tr> <td>性別：<input type="text" name="sex"></td> </tr> <tr> <td>其他：<input type="text" name="other"></td> </tr> <tr> <td align="center"> <input type="submit" value="submit"> <input type="reset" value="reset"> </td> </tr> </table> </form> </td> </tr> </table> </div> </div> <div id='content2' class='content' style='display:none'> <div class='contentHeader'>唐詩三百首</div> <div class='contentMain'>關(guān)山月<br /> 明月出天山，蒼茫云海間。<br /> 長風(fēng)幾萬里，吹度玉門關(guān)。<br /> 漢下白登道，胡窺青海灣。<br /> 由來征戰(zhàn)地，不見有人還。<br /> 戍客望邊色，思?xì)w多苦顏。<br /> 高樓當(dāng)此夜，嘆息未應(yīng)閑。</div> </div> <div id='content3' class='content' style='display:none'> <div class='contentHeader'>宋詞精選</div> <div class='contentMain'>清平樂<br /> <br /> 春歸何處<br /> 寂寞無行路。<br /> 若有人知春去處。<br /> 喚取歸來同住。<br /> <br /> 春無蹤跡誰知。<br /> 除非問取黃鸝。<br /> 百囀無人能解，因風(fēng)飛過薔薇。</div> </div> <div id='content4' class='content' style='display:none'> <div class='contentHeader'>明清小說</div> <div class='contentMain'>三國演義<br /> 滾滾長江東逝水，浪花淘盡英雄。<br /> 是非成敗轉(zhuǎn)頭空，青山依舊在幾度夕陽紅。</div> </div> </div> </body> </html> |
|
|
來自： 悟靜 > 《JavaScript》
