如何单击某行使其颜色变化并且在单击其他行后颜色恢复
来源:互联网 发布:linux dns配置文件详解 编辑:程序博客网 时间:2024/05/17 07:46
思路:
给table的每一行(tr)来一个样式。然后再通过js来修改单击的那一行的颜色(将之前的元素保存,然后再点击另一行时进行修改恢复以及改变单击行)。
如:
css:
tr{
background-color: blue;
}
js:
var cur;
$("tr").click(function(){
cur ? $(cur).css("background-color","#d9f4ff"): '';
$(this).css("background-color","#ffefd7");
cur = this;
});
或
var cur;
var tr = $("tr");
for (var i = 0; i < tr.length; i++) {
tr[i].onclick = function() {
cur ? cur.style.backgroundColor = '#d9f4ff': '';
this.style.backgroundColor = "#ffefd7";
cur = this;
}
}
0 0
- 如何单击某行使其颜色变化并且在单击其他行后颜色恢复
- 单击链接后颜色变化效果,js,css代码
- gridview鼠标经过某行改变样式、颜色并且单击弹出窗口
- gridview鼠标经过某行改变样式、颜色并且单击弹出窗口
- 单击改写文本颜色
- 如何使鼠标单击ITEM单元格时黑色选中色变为其他颜色?(原创)
- 如何使鼠标单击ITEM单元格时黑色选中色变为其他颜色?(原创)
- 如何使鼠标单击ITEM单元格时黑色选中色变为其他颜色?
- 编写一个应用程序,改程序运行后在用户区绘制一个圆形,每单击鼠标左键一次则圆的颜色变化一次
- 单击Datagrid 的某行此行显示颜色加深
- DataGrid中鼠标单击行改变颜色
- DataGrid中鼠标单击行改变颜色
- DataGrid中鼠标单击行改变颜色
- js鼠标单击改变行的颜色
- JavaScript实现单击行变颜色
- 鼠标单击变换图形颜色
- 按钮单击改变图片,布局单击改变背景颜色
- 表格交替色,单击改变行颜色等
- linux 下jdk的下载
- Android开发布局中margin和padding的区别以及文本的快速居中的方法
- pthread_key_t和pthread_key_create()详解
- Zepto 使用中的一些注意点
- 阿里腾讯投资快递只是第一步
- 如何单击某行使其颜色变化并且在单击其他行后颜色恢复
- android弹出选择对话框-仿某团购网android客户端栏目选择
- Lua4.0 实现#操作,获取table大小
- 提高篇第16-19课第四题
- linux之间传递文件
- 1.python学习第一天-爬取我的第一个网页
- Unity摄像机的使用二:摄像机的切换
- UIBezierPath
- Android-自定义图像资源的使用