最新国产好看的视频,伊人天堂AV在线,国产Aaaaaa视频,蜜臀视频在线观看一区,人妻av色图,密臀久久久精品影片,青青视频免费观看毛片,久草在线观看视,国产三级精品色情在线

JS實現(xiàn)列表頁面隔行變色效果

 更新時間:2017年03月25日 09:04:17   作者:good8888job  
這篇文章主要為大家詳細(xì)介紹了JS實現(xiàn)列表頁面隔行變色效果,具有一定的參考價值,感興趣的小伙伴們可以參考一下

先看看隔行變色效果:

代碼:

<head runat="server">
 <title></title>
 <script type="text/javascript">
  window.onload = function () {
   var otab = document.getElementById('tab1');
   var thiscolor = '';
   for (var i = 0; i < otab.tBodies[0].rows.length; i++) {
    otab.tBodies[0].rows[i].onmouseover = function () {
     thiscolor = this.style.background;
     this.style.background = '#00FFFF';
    };
    otab.tBodies[0].rows[i].onmouseout = function () {
     this.style.background = thiscolor;
    };
    if (i % 2) {
     otab.tBodies[0].rows[i].style.background = '';
    }
    else {
     otab.tBodies[0].rows[i].style.background = '#FFFF00';
    }
   }
  };
 </script>
</head>
<body>
 <table id="tab1" border="1" style="text-align: center; width: 500px; margin: 200px auto">
  <thead>
   <tr style="background-color: #FF0000">
    <td>
     種族名稱
    </td>
    <td>
     種族簡稱
    </td>
    <td>
     英雄
    </td>
   </tr>
  </thead>
  <tbody>
   <tr>
    <td>
     人類聯(lián)盟
    </td>
    <td>
     HUM
    </td>
    <td>
     代表性英雄:AM
    </td>
   </tr>
   <tr>
    <td>
     獸人部落
    </td>
    <td>
     ORC
    </td>
    <td>
     代表性英雄:BM
    </td>
   </tr>
   <tr>
    <td>
     不死亡靈
    </td>
    <td>
     UD
    </td>
    <td>
     代表性英雄:DK
    </td>
   </tr>
   <tr>
    <td>
     暗夜精靈
    </td>
    <td>
     NE
    </td>
    <td>
     代表性英雄:DH
    </td>
   </tr>
  </tbody>
 </table>
</body>

以上就是本文的全部內(nèi)容,希望對大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。

相關(guān)文章

最新評論

神农架林区| 东港市| 济阳县| 乌审旗| 长宁区| 阳原县| 南岸区| 芦山县| 仙游县| 重庆市| 祁阳县| 红安县| 麦盖提县| 凤台县| 武宣县| 加查县| 怀集县| 安平县| 武定县| 临潭县| 敦煌市| 蒙山县| 平阴县| 松溪县| 德阳市| 台州市| 华坪县| 瓦房店市| 荣成市| 普宁市| 漳平市| 嘉义市| 阜阳市| 荣成市| 五指山市| 胶南市| 庆安县| 玛曲县| 信阳市| 资兴市| 永吉县|