<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<link rel="stylesheet" type="text/css" href="css/build.css">
<link rel="stylesheet" type="text/css" href="http://cdn.bootcss.com/font-awesome/4.6.0/css/font-awesome.min.css">
<style>
* { margin: 0; padding: 0; }
body { font-family: 'Microsoft Yahei'; font-size: 18px; background-color: #f8f8f8; }
#table {
width: 1200px;
margin: 40px auto 0;
border-collapse: collapse;
background-color: #fff;
}
#table td,
#table th {
padding: 0.75em 1.5em;
}
#table thead {
color: #fff;
background-color: #31bc86;
}
#table thead th {
text-align: left;
}
#table tbody {}
#table tbody tr {
border-bottom: 2px dashed #000;
cursor: default;
transition: all .125s ease-in-out;
}
#table tbody tr:hover {
/*background-color: rgba(129,208,177,.3);*/
}
#table tbody tr.event-bgColor {
background-color: rgba(255, 192, 203, .2);
}
#table tbody tr.default-bgColor {
background-color: #fff;
}
#table tbody tr.hover-bgColor {
background-color: rgba(255, 192, 203, .8);
}
#table tbody tr.selected-bgColor {
background-color: rgb(255, 192, 203);
}
input {
width: 16px;
height: 16px;
}
#selectAll {
margin-left: -4px;
}
.checkbox {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
user-select: none;
}
</style>
</head>
<body><script src="/demos/googlegg.js"></script>
<table id="table">
<thead>
<tr>
<th class="checkbox checkbox-primary">
<input type="checkbox" class="styled" id="selectAll">
<label for="selectAll">全选</label>
</th>
<th>名称</th>
<th>邮箱</th>
<th>固定电话</th>
<th>手机</th>
</tr>
</thead>
<tbody>
</tbody>
</table>
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src='js/table.js'></script>
<div style="text-align:center;margin:50px 0; font:normal 14px/24px 'MicroSoft YaHei';">
<p>适用浏览器：IE8、360、FireFox、Chrome、Safari、Opera、傲游、搜狗、世界之窗.</p>
<p>更多源码下载：<a href="http://www.96flw.com" target="_blank">www.96flw.com</a></p>
</div>
</body>
</html>
jQuery Table点击选中表格行变色代码.zip （4个子文件） 
js 
table.js 6KB jquery.min.js 91KB css build.css 9KB
index.html 2KB资源评论
码云笔记
- 粉丝: 3w+
- 资源: 5850
