这里有新鲜出炉的 Javascript 教程,程序狗速度看过来!
Javascript 是一种由 Netscape 的 LiveScript 发展而来的原型化继承的基于对象的动态类型的区分大小写的客户端脚本语言,主要目的是为了解决服务器端语言,比如 Perl,遗留的速度问题,为客户提供更流畅的浏览效果。
这篇文章主要介绍了 JS 列表页面隔行变色简单实现,有需要的朋友可以参考一下
效果:
代码:
- <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>
- 人类联盟
- </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>
(adsbygoogle = window.adsbygoogle || []).push({});
来源: http://www.phperz.com/article/17/0703/278128.html