1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    2.         "http://www.w3.org/TR/html4/loose.dtd">
    3. <html>
    4. <head>
    5.     <title>15-2Style??Class??????</title>
    7.     <style type="text/css">
    8.         #tab{
    9.             width: 400px;
    10.         }
    12.         #tab ul{
    13.             list-style: none; overflow: hidden; margin: 0px; padding: 0px;
    14.          }
    16.         #tab ul li.cur{
    17.             background-color: green;
    18.         }
    20.         #tab .content{
    21.             width: 100%; border: 1px solid #eeeeee; height: 100px;
    22.         }
    23.     </style>
    25.     <script type="text/javascript">
    27.         window.onload = function () {
    28.                 //???��??????
    29.                 var olis = document.getElementsByTagName("li");
    30.                 for(var i=0; i<olis.length; i++){
    31.                     olis[i].index = i;
    32.                     olis[i].onmousemove = function () {
    33.                         for (var j =0; j<olis.length; j++){
    34.                             document.getElementById("content-"+ j).style.display = "none";
    35.                             olis[j].className=""
    37.                             //?????��??? ???? this
    38.                             document.getElementById("content-"+ this.index).style.display = "block";
    39.                             olis[this.index].className="cur"
    41.                         }
    42.                     }
    43.                 }
    44.         }
    46.     </script>
    47. </head>
    48. <body>
    49.     <div id = "tab">
    50.         <ul>
    51.             <li class="cur">???1</li>
    52.             <li>???2</li>
    53.         </ul>
    55.         <div id="c-box">
    56.             <div class="content" id="content-0">???one</div>
    57.             <div class="content" id="content-1">???two</div>
    58.         </div>
    59.     </div>
    60. </body>
    61. </html>