<ptml> <script> function Show (C_STR) {if document.all (c_str). style.display== ' None ') {document.all (c_str ). style.display= ' block '; Else{document.all (C_STR). style.display= ' None ';}} function High () {if (event.srcelement.classname== "K") {event.srcelement.style.background= "336699" event.srcelement.style.color= ' white '} function low () {if (event.srcelement.classname== "K") {Event.srcElement.style . background= "99CCFF" Event.srcelement.style.color= ""}} </script> <pead> <meta http-equiv= "content-t Ype "content=" text/html; charset=gb2312 "> <title> navigation bar </title> <style>td {cursor:hand; font-family:tahoma; Background-color: #336699; Color: #99CCFF; FONT-SIZE:10PT} li{color: #FF0000; font-family:tahoma; Background-color: #99CCFF; font-size:9pt}. up{Background-co Lor: #3A6EA5; Border-left:1 solid #A6C1DF; border-right:1 solid #002200; Border-top:1 solid #A6C1DF; Border-bottom:1 Solid #002200} </style> </pead> <body topmargin= "0" leftmargin= "5" > <div align= "left" > <table border= "0" width= "cellspacing=" 0 "cellpadding=" 0 "> <tr> <td><div class=up onclick=show (" A0 ") >+01-10</div><div Onmouseover=high () Onmouseout=low () id=a0 > <li class=k>01</li> <li class=k>02</li> <li C lass=k>03</li> <li class=k>04</li> <li class=k>04</li> <li Gt <li class=k>06</li> <li class=k>07</li> <li class=k>08</li> <li class=k>09& lt;/li> <li class=k>10</li> </div></td> </tr> <tr> <td><div class=up Onclick=show ("A1") >+11-20</div><div Onmouseover=high () onmouseout=low () id=a1 > <li class=k>11 </li> <li class=k>12</li> <li class=k>13</li> <li class=k>14</li> CLA Ss=k>15</li> <li class=k>16</li> <li class=k>17</li> <li class=k>18</li> <li class=k>19</li> <li C lass=k>20</li> </div></td> </tr> <tr> <td><div class=up onclick=show ("A2") >+21-30</div><div Onmouseover=high () onmouseout=low () id=a2 > <li class=k>21</li> <li class=k>22</li> <li class=k>23</li> <li class=k>24</li> <li > <li class=k>26</li> <li class=k>27</li> <li class=k>28</li> <li class=k> ;29</li> <li class=k>30</li> </div></td> </tr> <tr> <td><div class =up onclick=show ("A3") >+31-40</div><div Onmouseover=high () onmouseout=low () id=a3 > <li class=k> 31</li> <li class=k>32</li> <li class=k>33</li> <li class=k>34</li> <li C Lass=k>35</li> <li Class=k>36</li> <li class=k>37</li> <li class=k>38</li> <li & Lt;li class=k>40</li> </div></td> </tr> <tr> <td><div class=up onclick=show ("A4") >+41-50</div><div Onmouseover=high () onmouseout=low () id=a4 > <li class=k>41</li> <li class=k>42</li> <li class=k>43</li> <li class=k>44</li> <li class=k>45& lt;/li> <li class=k>46</li> <li class=k>47</li> <li class=k>48</li> <li clas s=k>49</li> <li class=k>50</li> </div></td> </tr> <tr> <td><di V Class=up onclick=show ("A5") >+51-60</div><div Onmouseover=high () onmouseout=low () id=a5 > <li class =k>51</li> <li class=k>52</li> <li class=k>53</li> <li & Lt;li class=k>55</li> <li class=k>56</li> <li class=k>57</li> <li class=k>58</li> <li > <li class=k>60</li> </div></td> </tr> <tr> <td><div class=up onclic K=show ("A7") >+61-70</div><div Onmouseover=high () onmouseout=low () id=a7 > <li class=k>61</li > <li class=k>62</li> <li class=k>63</li> <li class=k>64</li> <li class=k> ;65</li> <li class=k>66</li> <li class=k>67</li> <li class=k>68</li> <li class=k>69</li> <li class=k>70</li> </div></td> </tr> <tr> <TD>&L T;div class=up onclick=show ("A8") >+71-80</div><div Onmouseover=high () onmouseout=low () id=a8 > <li class=k>71</li> <li class=k>72</li> <li class=k>73</li> <li > <li class=k>75</li><li class=k>76</li> <li class=k>77</li> <li class=k>78</li> <li class=k>79& lt;/li> <li class=k>80</li> </div></td> </tr> </table> </div> </body > </ptml>
[Ctrl + A All SELECT Note: If the need to introduce external JS need to refresh to perform]