返回
首页
业界
电商
创业
访谈
手机
移动
报告
运营
建站
互联网+
系统
教程
搜索

jquery实现效果比较好的table选中行颜色

2020-05-17 06:23:15易采站长站整理

jquery table选中行颜色(效果更好)

<html>
<head>
<style type=”text/css”>
.table-tr-title{
height: 26px;
font-size: 12px;
text-align: center;
}
.table-tr-content{
height: 18px;
background: #FFFFFF;
text-align: center;
font-size: 12px;
}
.normalEvenTD{
background: #DFD8D8;
}
.normalOddTD{
background: #FFFFFF;
}
.hoverTD{
background-color: #eafcd5;
height: 18px;
text-align: center;
font-size: 12px;
}
.trSelected{
background-color: #51b2f6;
height: 18px;
text-align: center;
font-size: 12px;
}
</style>
</head>
<body>
<table width=”99%” class=”list” style=”word-break: break-all” border=”0″
align=”center” cellpadding=”0″ cellspacing=”1″ bgcolor=”#c0de98″>
<tr class=”table-tr-title”>
<td width=”5%”>标题</td>
<td width=”5%”>标题</td>
<td width=”5%”>标题</td>
<td width=”5%”>标题</td>
</tr>
<tr class=”table-tr-content”>
<td width=”5%”>数据</td>
<td width=”5%”>数据</td>
<td width=”5%”>数据</td>
<td width=”5%”>数据</td>
</tr>
<tr class=”table-tr-content”>
<td width=”5%”>数据</td>
<td width=”5%”>数据</td>
<td width=”5%”>数据</td>
<td width=”5%”>数据</td>
</tr>
<tr class=”table-tr-content”>
<td width=”5%”>数据</td>
<td width=”5%”>数据</td>
<td width=”5%”>数据</td>
<td width=”5%”>数据</td>
</tr>
<tr class=”table-tr-content”>
<td width=”5%”>数据</td>
<td width=”5%”>数据</td>
<td width=”5%”>数据</td>
<td width=”5%”>数据</td>
</tr>
<tr class=”table-tr-content”>
<td width=”5%”>数据</td>
<td width=”5%”>数据</td>
<td width=”5%”>数据</td>
<td width=”5%”>数据</td>
</tr>
<tr class=”table-tr-content”>
<td width=”5%”>数据</td>
<td width=”5%”>数据</td>
<td width=”5%”>数据</td>
<td width=”5%”>数据</td>
</tr>
<tr class=”table-tr-content”>
<td width=”5%”>数据</td>

相关文章 大家在看