鼠标滑过表格内的每个单元格变色,而不是整行变色。
来源:互联网 发布:javascript target= 编辑:程序博客网 时间:2024/04/25 21:09
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<style type="text/css">
td.tdCurr {background:#FC0}
</style>
</head>
<body>
<table width="750" border="0" cellspacing="1" cellpadding="0" bgcolor="#666666">
<tr>
<td height="30" bgcolor="#FFFFFF"> </td>
<td height="30" bgcolor="#FFFFFF"> </td>
<td height="30" bgcolor="#FFFFFF"> </td>
<td height="30" bgcolor="#FFFFFF"> </td>
<td height="30" bgcolor="#FFFFFF"> </td>
</tr>
<tr>
<td height="30" bgcolor="#FFFFFF"> </td>
<td height="30" bgcolor="#FFFFFF"> </td>
<td height="30" bgcolor="#FFFFFF"> </td>
<td height="30" bgcolor="#FFFFFF"> </td>
<td height="30" bgcolor="#FFFFFF"> </td>
</tr>
<tr>
<td height="30" bgcolor="#FFFFFF"> </td>
<td height="30" bgcolor="#FFFFFF"> </td>
<td height="30" bgcolor="#FFFFFF"> </td>
<td height="30" bgcolor="#FFFFFF"> </td>
<td height="30" bgcolor="#FFFFFF"> </td>
</tr>
</table>
<script type="text/javascript">
var tds = document.getElementsByTagName('td');
for (var i = 0; i < tds.length; i++) {
tds[i].onmouseover = function() {
this.style.background = '#FC0';
}
tds[i].onmouseout = function() {
this.style.background = '#fff';
}
}
</script>
</body>
</html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<style type="text/css">
td.tdCurr {background:#FC0}
</style>
</head>
<body>
<table width="750" border="0" cellspacing="1" cellpadding="0" bgcolor="#666666">
<tr>
<td height="30" bgcolor="#FFFFFF"> </td>
<td height="30" bgcolor="#FFFFFF"> </td>
<td height="30" bgcolor="#FFFFFF"> </td>
<td height="30" bgcolor="#FFFFFF"> </td>
<td height="30" bgcolor="#FFFFFF"> </td>
</tr>
<tr>
<td height="30" bgcolor="#FFFFFF"> </td>
<td height="30" bgcolor="#FFFFFF"> </td>
<td height="30" bgcolor="#FFFFFF"> </td>
<td height="30" bgcolor="#FFFFFF"> </td>
<td height="30" bgcolor="#FFFFFF"> </td>
</tr>
<tr>
<td height="30" bgcolor="#FFFFFF"> </td>
<td height="30" bgcolor="#FFFFFF"> </td>
<td height="30" bgcolor="#FFFFFF"> </td>
<td height="30" bgcolor="#FFFFFF"> </td>
<td height="30" bgcolor="#FFFFFF"> </td>
</tr>
</table>
<script type="text/javascript">
var tds = document.getElementsByTagName('td');
for (var i = 0; i < tds.length; i++) {
tds[i].onmouseover = function() {
this.style.background = '#FC0';
}
tds[i].onmouseout = function() {
this.style.background = '#fff';
}
}
</script>
</body>
</html>
- 鼠标滑过表格内的每个单元格变色,而不是整行变色。
- HTML表格鼠标滑过变色 和奇数偶数行变色+点击变色
- js当行变色点击变色鼠标滑过变色
- 表格隔行变色与鼠标滑过变色
- CSS控制表格隔行变色与鼠标滑过变色
- 鼠标滑过变色
- 表格行鼠标事件变色的例子
- 表格行鼠标事件变色的例子
- repeater 设置鼠标滑过,行变色的效果
- 鼠标滑过变色效果
- jquery鼠标滑过变色
- GridView鼠标滑过变色
- 鼠标移动到表格内变色
- 鼠标经过表格变色
- js Table鼠标滑过变色,单击变色,隐藏某列的方法
- jquery特效 table鼠标滑过变色的实现代码
- Swing表格的渲染,鼠标悬浮行变色!
- Swing表格的渲染,鼠标悬浮行变色!
- QEMU live migration 代码简析
- linux多线程锁机制
- PowDesiger 逆向工程-导出数据结构
- POJ 1312 Numerically Speaking
- C#winform上下页,首末页
- 鼠标滑过表格内的每个单元格变色,而不是整行变色。
- Android NDK在window下搭建 图文教程
- django 模型admin部分导入解析
- 知识体系维度
- 按照上下午或不同时间段显示不同网页背景的js特效
- 插入排序算法
- 现换皮肤的效果,点击想要的颜色然后网页就换那个主题颜色
- 结构体最后的长度为0或1数组的作用
- Android Project : FXiami 虾米音乐播放器