linux社区爱心援助Linux认证系列教程业界动态站务新闻公司招聘网络学院网址大全LPI专题CISCO专题
设为首页
加入收藏
管理团队
JSP  
JAVA  
PERL  
 您的位置:首页 > 开发语言 > JavaScript >
栏目导栏
  php
  JSP
  ASP
  asp.net
  JAVA
  c/c++/c#
  perl
  JavaScript
  Basic
  Delphi
资料搜索
热门文章
·javascript 时间对象的格式化
·去掉字符串前后的空格
·javascript 事件监听机制
·javascript 事件调用顺序
·js刷新框架子页面的七种方法
·JavaScript:替换字符串
·IE下的JScript编程需注意的内存
·用javascript操作word文档
·Javascript中CTRL+回车提交表单
·JS 获取鼠标位置
·javascript判断Email地址是否有
·Javascript中Select的OnChange
·JS实现的滑动展开与折叠效果
·有分页功能的WEB打印
·Javascript实现窗口最大化的严
最新文章
·使用CSS改变表格边框样式
·为网页添加浮动广告
·判断表单中添加是否数字的JS与
·让浏览器状态栏动起来
·使用Javascript制作行间颜色间
·禁止用右键查看源代码
·网页侦测四法
·制作弹出公告窗口
·为网页添加特效
·网页中取消鼠标右键方法大全
·JavaScript 根据屏幕解析度显示
·如何实现浏览器上的右键菜单
·如何制作浮动广告
·让弹出窗口变得“体贴”一些
·JavaScript技巧:让网页自动穿上
Google
 
表格中两行的颜色交替显示
[ 作者:  加入时间:2007-11-20 11:58:54  来自:Linux联盟收集整理 ]
table id="main_table">MtFLinux联盟
<tr>MtFLinux联盟
 <td width="100">a</td>MtFLinux联盟
 <td width="100">b</td>MtFLinux联盟
</tr>MtFLinux联盟
<tr>MtFLinux联盟
 <td width="100">a</td>MtFLinux联盟
 <td width="100">b</td>MtFLinux联盟
</tr>MtFLinux联盟
<tr>MtFLinux联盟
 <td width="100">a</td>MtFLinux联盟
 <td width="100">b</td>MtFLinux联盟
</tr>MtFLinux联盟
<tr>MtFLinux联盟
 <td width="100">a</td>MtFLinux联盟
 <td width="100">b</td>MtFLinux联盟
</tr>MtFLinux联盟
<tr>MtFLinux联盟
 <td width="100">a</td>MtFLinux联盟
 <td width="100">b</td>MtFLinux联盟
</tr>MtFLinux联盟
<tr>MtFLinux联盟
 <td width="100">a</td>MtFLinux联盟
 <td width="100">b</td>MtFLinux联盟
</tr>MtFLinux联盟
<tr>MtFLinux联盟
 <td width="100">a</td>MtFLinux联盟
 <td width="100">b</td>MtFLinux联盟
</tr>MtFLinux联盟
<tr>MtFLinux联盟
 <td width="100">a</td>MtFLinux联盟
 <td width="100">b</td>MtFLinux联盟
</tr>MtFLinux联盟
<tr>MtFLinux联盟
 <td width="100">a</td>MtFLinux联盟
 <td width="100">b</td>MtFLinux联盟
</tr>MtFLinux联盟
<tr>MtFLinux联盟
 <td width="100">a</td>MtFLinux联盟
 <td width="100">b</td>MtFLinux联盟
</tr>MtFLinux联盟
<tr>MtFLinux联盟
 <td width="100">a</td>MtFLinux联盟
 <td width="100">b</td>MtFLinux联盟
</tr>MtFLinux联盟
<tr>MtFLinux联盟
 <td width="100">a</td>MtFLinux联盟
 <td width="100">b</td>MtFLinux联盟
</tr>MtFLinux联盟
<tr>MtFLinux联盟
 <td width="100">a</td>MtFLinux联盟
 <td width="100">b</td>MtFLinux联盟
</tr>MtFLinux联盟
<tr>MtFLinux联盟
 <td width="100">a</td>MtFLinux联盟
 <td width="100">b</td>MtFLinux联盟
</tr>MtFLinux联盟
<tr>MtFLinux联盟
 <td width="100">a</td>MtFLinux联盟
 <td width="100">b</td>MtFLinux联盟
</tr>MtFLinux联盟
<tr>MtFLinux联盟
 <td width="100">a</td>MtFLinux联盟
 <td width="100">b</td>MtFLinux联盟
</tr>MtFLinux联盟
<tr>MtFLinux联盟
 <td width="100">a</td>MtFLinux联盟
 <td width="100">b</td>MtFLinux联盟
</tr>MtFLinux联盟
<tr>MtFLinux联盟
 <td width="100">a</td>MtFLinux联盟
 <td width="100">b</td>MtFLinux联盟
</tr>MtFLinux联盟
<tr>MtFLinux联盟
 <td width="100">a</td>MtFLinux联盟
 <td width="100">b</td>MtFLinux联盟
</tr>MtFLinux联盟
<tr>MtFLinux联盟
 <td width="100">a</td>MtFLinux联盟
 <td width="100">b</td>MtFLinux联盟
</tr>MtFLinux联盟
<tr>MtFLinux联盟
 <td width="100">a</td>MtFLinux联盟
 <td width="100">b</td>MtFLinux联盟
</tr>MtFLinux联盟
<tr>MtFLinux联盟
 <td width="100">a</td>MtFLinux联盟
 <td width="100">b</td>MtFLinux联盟
</tr>MtFLinux联盟
<tr>MtFLinux联盟
 <td width="100">a</td>MtFLinux联盟
 <td width="100">b</td>MtFLinux联盟
</tr>MtFLinux联盟
<tr>MtFLinux联盟
 <td width="100">a</td>MtFLinux联盟
 <td width="100">b</td>MtFLinux联盟
</tr>MtFLinux联盟
</table>MtFLinux联盟
<script>MtFLinux联盟
//MtFLinux联盟
function setColor(curElement)MtFLinux联盟
{MtFLinux联盟
 curElement.style.backgroundColor="#DDEEFF";MtFLinux联盟
 curElement.style.color="#000000";MtFLinux联盟
}

function resetColor(curElement)MtFLinux联盟
{MtFLinux联盟
 if(curElement.rowIndex%2==0){MtFLinux联盟
  curElement.style.backgroundColor="#E7E7E7";MtFLinux联盟
 }else{MtFLinux联盟
  curElement.style.backgroundColor="#FFFFFF";MtFLinux联盟
 }MtFLinux联盟
 curElement.style.color="black";MtFLinux联盟
}

//动态产生一个层,用来控制每行颜色的变化MtFLinux联盟
document.writeln('<div id="onmouse" style="display:none" onmouseover="setColor(this)" onmouseout="resetColor(this)"></div>');MtFLinux联盟
var sTable = document.all.main_table;//得到指定表格idMtFLinux联盟
if (sTable)MtFLinux联盟
 for (var i=0; i<sTable.rows.length; i++)MtFLinux联盟
 {MtFLinux联盟
  if(i%2==0){MtFLinux联盟
   sTable.rows[i].style.backgroundColor="#C2D8E0";MtFLinux联盟
  }else{MtFLinux联盟
   sTable.rows[i].style.backgroundColor="#ffffff";MtFLinux联盟
  }MtFLinux联盟
  //调用层中的方法,改变鼠标所在行的颜色MtFLinux联盟
  sTable.rows[i].onmouseover=document.all.onmouse.onmouseover;MtFLinux联盟
  sTable.rows[i].onmouseout=document.all.onmouse.onmouseout;MtFLinux联盟
 }

</script>

Linux联盟收集整理 ,转贴请标明原始链接,如有任何疑问欢迎来本站Linux论坛讨论
评论】【加入收藏夹】【 】【打印】【关闭
※ 相关链接
 ·实用的Javascript类库表格排序  (2007-11-16 17:00:11)
 ·网页特效-制作有立体感的表格  (2007-11-16 16:56:19)
 ·Ajax简单示例之改变下拉框动态生成表格  (2007-11-12 16:45:47)
 ·判断输入字符串为颜色类型  (2007-10-30 14:10:19)
 ·判断输入字符串为颜色类型的最优方法  (2007-10-30 14:09:17)
 ·可以收缩和和伸展的表格  (2007-10-29 13:32:28)
 ·JavaScript实现变色表格特效  (2007-10-26 16:03:25)
 ·JavaScript实现表格特效  (2007-10-26 16:01:37)
 ·dreamweaver制作圆角表格  (2007-10-26 15:57:52)
 ·Java操作Excel电子表格  (2007-10-25 11:24:40)