css应用:单击table,使点击的行变色
2008-11-28 18:02
281 查看
实现效果如下:
function bgChange(obj)
{
obj.bgColor=obj.bgColor==""?"#B6DC73":"";
}
代码如下:
<script>
function bgChange(obj)
{
objobj.bgColor=obj.bgColor==""?"#B6DC73":"";
}
</script>
<table width="80%" border="1" bgcolor="#ffffcc">
<tr onclick="bgChange(this)">
<td>aa25.cn</td>
<td>aa25.cn</td>
</tr>
<tr onclick="bgChange(this)">
<td>aa25.cn</td>
<td>aa25.cn</td>
</tr>
<tr onclick="bgChange(this)">
<td>aa25.cn</td>
<td>aa25.cn</td>
</tr>
</table>
function bgChange(obj)
{
obj.bgColor=obj.bgColor==""?"#B6DC73":"";
}
aa25.cn | aa25.cn |
aa25.cn | aa25.cn |
aa25.cn | aa25.cn |
<script>
function bgChange(obj)
{
objobj.bgColor=obj.bgColor==""?"#B6DC73":"";
}
</script>
<table width="80%" border="1" bgcolor="#ffffcc">
<tr onclick="bgChange(this)">
<td>aa25.cn</td>
<td>aa25.cn</td>
</tr>
<tr onclick="bgChange(this)">
<td>aa25.cn</td>
<td>aa25.cn</td>
</tr>
<tr onclick="bgChange(this)">
<td>aa25.cn</td>
<td>aa25.cn</td>
</tr>
</table>
相关文章推荐
- CSS技巧: display:table;的应用
- jquery+css实现点击他时变色 点击其他时自动还原
- ASP.NET使用Repeater做Table交替行变色、鼠标经过变色及单击变色效果
- Repeater_Table_单击_Repeater样式,Table样式,交替变色,单击变色
- swift Tableview 点击变色 (本人亲测)
- iOS添加单击手势与tableview点击的冲突问题
- 表格变色(单击行,把当行的单选按钮(radio)设为选中状态,并应用当前样式)
- table单击变色事件与选中表前复选框。
- table中 点击某一行变色
- 用javascript css实现GridView行背景色交替、鼠标划过行变色,点击行变色选中
- 个人笔记 css 02 css超链接取消下划线,点击之后不变色
- jQuery:1.5.4.3,表格变色(单击行,把当行的单选按钮(radio)设为选中状态,并应用当前样式)
- 给表格式按钮边框点击变色--css制作表格式按钮(2)
- java8函数式接口和Lambda表达式应用在javaFX中tableView自定义点击事件
- 实现GridView行背景色交替、点击行变色(javascript/css)
- table中 点击某一行变色
- css伪类之input输入框鼠标点击边框变色效果
- js Table鼠标滑过变色,单击变色,隐藏某列的方法
- table设置斑马线,在点击某一行的时候行变色