<script src="jquery-1.9.1.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function(){
$(".strip tr").mousemove(function(){$(this).addClass("over");}).mouseout(function(){$(this).removeClass("over")})
$(".strip tr:even").addClass("alt");
});
</script>
<style type="text/css">
th{background:#0066FF;color:#FFFFFF;line-height:20px;height:30px;}
td{padding:6px 11px;border-bottom:1px solid #95bce2;vertical-align:top; text-align:center}
td*{padding:6px 11px;}
tr.alt td{background:#ecf6fc}
tr.over td{background:#bcd4ec}
</style>
</head>
<body>
<table class="strip" width="50%" border="0" cellpadding="0" cellspacing="0">
<thead>
<tr>
<th>姓名</th>
<th>年龄</th>
<th>QQ</th>
<th>Email</th>
</tr>
</thead>
<tbody>
<tr>
<td>嘻嘻</td>
<td>25</td>
<td>34234</td>
<td>test@sina.com</td>
</tr>
<tr>
<td>嘻嘻</td>
<td>25</td>
<td>34234</td>
<td>test@sina.com</td>
</tr>
<tr>
<td>嘻嘻</td>
<td>25</td>
<td>34234</td>
<td>test@sina.com</td>
</tr><tr>
<td>嘻嘻</td>
<td>25</td>
<td>34234</td>
<td>test@sina.com</td>
</tr><tr>
<td>嘻嘻</td>
<td>25</td>
<td>34234</td>
<td>test@sina.com</td>
</tr>
</tbody>
</table>
</body>
</html>
分享到:
相关推荐
jquery特效双色表格 jquery特效双色表格
双色表格,鼠标放上去北京会变化
jquery写的双色表格,鼠标滑过tr,相应tr变色
先看看这个使用jQuery做的双色表格的效果: 这个双色表格看上去应该觉得挺专业的,不过它用jQuery实现的确很简单。 第一步:写好css。 <style type="text/css"> th { /*表头样式*/ background:#0066FF; ...
jquery实现表格隔行换色和鼠标经过提示效果源码
jquery插件--表格分页。
北大青鸟 ACCP 8.0 完整版 《使用jQuery快速高效制作网页交互特效》给教员的素材
数据展示时候,经常从后台传入大小不等的矩阵。这里给出了根据不同矩阵大小,通过jquery的html()和append()方法动态生成html表格的实例。
jQuery实现表头固定表格内容滚动效果 jQuery实现表头固定表格内容滚动效果
jQuery的11种表格切换效果代码下载(滑动门代码)
ACCP 8.0\S2\使用jQuery快速高效制作网页交互特效 第三章 附教学资料+上机练习+课后作业
jQuery JSON动态获取表格数据代码是一款jQuery函数调用json表格动态获取数据,表格全部折叠,全部关闭,双击表格行折叠关闭表格。
jquery 动态增加删除表格. 实例jquery 动态增加删除表格. 实例jquery 动态增加删除表格. 实例
jQuery实现可编辑化的表格,有兴趣的可以看看
北大青鸟ACCP8.0S2的使用jQuery快速高效制作网页交互特效完整版,请下载
北大青鸟S2使用jQuery快速高效制作网页交互特效资源
jQuery向下滚动表格头部固定代码 jQuery向下滚动表格头部固定代码
jquery表格变色jquery表格变色jquery表格变色jquery表格变色jquery表格变色jquery表格变色jquery表格变色jquery表格变色jquery表格变色jquery表格变色jquery表格变色jquery表格变色
jQuery网页版excel表格代码是一款智表ZCELL试用版测试,创建表格加载json数据,表格编辑操作代码。
利用jquery实现表格动态分页,前台用jquery实现。后台用java实现动态查询数据,分页。