网站首页 手机版
 注册 登录
您现在的位置: 畅无忧设计 >> 网页特效 >> 表格图层 >> 正文
最新文章
· JS代码实现单元格移动效果
· JavaScript让表格的边框闪烁起来
· 网页Div层拖拽--Clone特效代码
· 可拖动的DIV层
· 简单拖曵的原理与实例
· 上传图片之前先预览图片
· 漂亮的Js拖动层,窗口拖拽(改变大小
· 隔行换色,鼠标划过改变颜色
· Js点击文字弹出层,点击层以外区域关
· CSS自动竖向排列的布局方法
热门文章
 js实现div区域块伸缩效果(toggle)
 js弹出层组件artDialog2.1正式版
 一个简单实用的jquery拖动插件jque
 JS仿EXCEL表格功能
 点击页面任何地方,将div隐藏,除了
 动态插入、添加删除表格行的JS代码
 带遮罩效果并可以拖动的DIV弹出层
 Js点击文字弹出层,点击层以外区域
 利用js向表格动态追加行
 JQuery EasyValidator表单验证插件
相关文章
隔行换色,鼠标划过改变颜色
单击选项按钮改变网页背景颜色
表格隔行换色+鼠标经过变色
一个简单的鼠标经过表格的那一行背景变色
鼠标经过表格的那一行背景变色
鼠标经过时改变表格行、列的背景颜色
来源:源码爱好者 更新时间:2010/12/17 0:01:50 阅读次数: 我要投稿
△运行 ☉预览 #复制 +收藏
特效代码:
<html>
<head>
<title>鼠标经过时改变一列表格的颜色</title>
</head>
<body>
<table width="240" border="1">
  <tr onMouseOver="this.style.background='#0066FF'" 
      onMouseOut="this.style.background=''">
    <td>A</td><td>B</td></tr>
  <tr onMouseOver="this.style.background='#0066FF'" 
      onMouseOut="this.style.background=''">
    <td>C</td><td>D</td></tr>
  <tr onMouseOver="this.style.background='#0066FF'" 
     onMouseOut="this.style.background=''">
    <td>E</td><td>F</td></tr>
</table>
</body>
</html>
△运行 ☉预览 #复制 +收藏
特效说明:

  鼠标经过时改变一列表格的颜色,也就是大家常说的隔行换色,本方法是比较传统的了,呵呵,记得最开始学网页设计的时候,就是用的这种方法,必竟简单易懂,适合刚接触网页制作的菜鸟们。现在方法比较多了,用CSS控制、用jQuery插件,还有些是用背景平铺的方法,可以说各有各的方法,至于喜欢哪一种,看你的需要和爱好了。

  • 上一篇文章:
  • 下一篇文章:
  • 关于我们 - 联系我们 - 广告服务 - 在线投稿 - 友情链接 - 网站地图 - 版权声明
    CopyRight 2008-2010, CWYDESIGN.COM - 畅无忧设计, Inc. All Rights Reserved
    滇ICP备09005765号