相关文章推荐
眉毛粗的油条  ·  printf输出字体颜色_matlab ...·  2 月前    · 
另类的萝卜  ·  如何居中对齐一个UICollectionVi ...·  1 年前    · 
睿智的酸菜鱼  ·  自动化测试为什么要使用单元测试框架? - 知乎·  1 年前    · 
开心的足球  ·  Observable.Interval ...·  1 年前    · 
英勇无比的玉米  ·  查询返回异常,数字类型超出取值范围? - ...·  2 年前    · 
斯文的皮带  ·  百分比柱状图_DataV数据可视化 ...·  2 年前    · 
Code  ›  jquery实现表格中悬停背景色和选中行变色__css点击变色
jquery css 背景色
https://blog.51cto.com/u_3303362/3796477
眼睛小的热带鱼
1 年前
< th > < s : text name = "smsc.sigtrace.seq" / > < / th > < th > < s : text name = "smsc.sigtrace.module" / > < / th > < th > < s : text name = "smsc.sigtrace.event" / > < / th > < th > < s : text name = "smsc.sigtrace.eventdesc" / > < / th > < th > < s : text name = "smsc.sigtrace.direction" / > < / th > < th > < s : text name = "smsc.sigtrace.time" / > < / th > < / thead > < tbody > < / tbody > < / table > CSS代码
<style>
.tr_hover{background-color:#47C240} /* 鼠标悬停上的背景色 */
.selected{background-color: #51b2f6} /* 选中行变色 */
</style>
$(document).on('messageReceived',function(e, data){
	try{
	    $.each(data, function(i, rowData){
	       $('#msgtable').messageTable('appendData', [rowData]);
	    });
	}catch(ex){
		JSTOOL.debug(ex);
	//鼠标滑动,行色变化
	$('tr:gt(0)').mouseover(function(){
		$(this).addClass('tr_hover');           //通过jQuery控制实现鼠标悬停上的背景色,无视标题行用:gt(0)
	}).mouseout(function(){
		$(this).removeClass('tr_hover');       //通过jQuery控制实现鼠标悬停上的背景色
	});
	//选中行变色
	$(function () {
		$('tbody>tr').click(function () {
			$(this).addClass('selected')      //为选中项添加高亮
					.siblings().removeClass('selected')//去除其他项的高亮形式
					.end();
		});
	});
});
 
推荐文章
眉毛粗的油条  ·  printf输出字体颜色_matlab fprintf 字体颜色
2 月前
另类的萝卜  ·  如何居中对齐一个UICollectionView的 item (虽然略看了一下,但是代码是有效果的)_51CTO博客_web居中对齐
1 年前
睿智的酸菜鱼  ·  自动化测试为什么要使用单元测试框架? - 知乎
1 年前
开心的足球  ·  Observable.Interval Method (TimeSpan, IScheduler) (System.Reactive.Linq) | Microsoft Learn
1 年前
英勇无比的玉米  ·  查询返回异常,数字类型超出取值范围? - 问答 - 腾讯云开发者社区-腾讯云
2 年前
斯文的皮带  ·  百分比柱状图_DataV数据可视化 用户指南_数据资源平台DataQ_敏捷版数据智能场景
2 年前
今天看啥   ·   Py中国   ·   codingpro   ·   小百科   ·   link之家   ·   卧龙AI搜索
删除内容请联系邮箱 2879853325@qq.com
Code - 代码工具平台
© 2024 ~ 沪ICP备11025650号