练习例子
关于改变table表格 隔行变色的问题
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>15天jquery-02</title>
<script type="text/javascript" src="jquery-1.4.js" ></script>
<script type="text/javascript">
$(document).ready(function(){
$(".stripe tr").mouseover(function(){
$(this).addClass("over");}).mouseout(function(){
$(this).removeClass("over");})
$(".stripe tr:even").addClass("alt");//even 是偶数 奇数 是 ood
});
</script>
<style type="text/css">
th{ background:#0066ff; color:#fff; line-height:20px; height:30px;}
td{ padding:6px 11px; border-bottom:1px solid #95bce2;}
td *{padding:6px 11px;}
tr.alt td{ background:#ecf6fc;}
tr.over td{ background:#bcd4ec;}
</style>
</head>
<body>
<table class="stripe" width="50%" cellpadding="0" cellspacing="0">
<thead>
<tr>
<th>姓名</th>
<th>年龄</th>
<th>QQ</th>
</tr>
</thead>
<tbody>
<tr>
<td>梁国政</td>
<td>33</td>
<td>25882937</td>
</tr>
<tr>
<td>梁国政</td>
<td>33</td>
<td>25882937</td>
</tr>
<tr>
<td>梁国政</td>
<td>33</td>
<td>25882937</td>
</tr>
<tr>
<td>梁国政</td>
<td>33</td>
<td>25882937</td>
</tr>
<tr>
<td>梁国政</td>
<td>33</td>
<td>25882937</td>
</tr>
</tbody>
</table>
</body>
</html>
分享到:
相关推荐
jquery table ui插件制作css表格隔行变色特效代码
jquery表格隔行变色鼠标滑过竖直表格内容变色效果
jquery选取商品隔行变色
jquery table鼠标滑过隔行变色表格样式代码
本文实例讲述了jQuery实现Table表格隔行变色及高亮显示当前选择行效果。分享给大家供大家参考,具体如下: 最近客户要求高亮选择列表的功能,于是顺便做了个,作为记录。 前台代码: <!DOCTYPE ...
jQuery动态生成隔行变色的table,使用jQuery+css+json实现
网页中表格隔行颜色变化 jquery 表格换色 网页中表格隔行颜色变化 jquery 表格换色 网页中表格隔行颜色变化 jquery 表格换色 网页中表格隔行颜色变化 jquery 表格换色
主要介绍了jQuery插件实现表格隔行变色及鼠标滑过高亮显示效果代码,涉及jQuery针对页面元素动态操作及响应鼠标事件动态修改页面元素样式的相关技巧,需要的朋友可以参考下
jQuery table选中表格行变色 jQuery table选中表格行变色 jQuery table选中表格行变色
本文实例讲述了JavaScript表格隔行变色和Tab标签页特效。分享给大家供大家参考,具体如下: 最近一直在看JavaScript知识,偶尔也穿插一点Jquery,感觉Jquery用起来真爽,减少了很多的代码量,而且学习也不是很高。接...
Jquery学习笔记 Jquery学习笔记 Jquery学习笔记
1、步骤分析: 第一步:引入jquery的类库 第二步:直接写页面加载函数 第三步:直接使用jquery的选择器(组合选择)拿到需要操作的元素(奇数行和偶数行)...使用jQuery完成表格隔行换色</title> [removed][removed]
下面小编就为大家带来一篇jQuery轻松实现表格的隔行变色和点击行变色的实例代码。小编觉得挺不错的,现在分享给大家,也给大家做个参考,一起跟随小编过来看看吧
本代码实现的是通过数据库部分读到的json数据,填充到table表格中,并且也可以实现table表格中用户自行进行增删等操作,主要是jquery、js
jquery实现表格隔行换色和鼠标经过提示效果源码
jquery表格变色jquery表格变色jquery表格变色jquery表格变色jquery表格变色jquery表格变色jquery表格变色jquery表格变色jquery表格变色jquery表格变色jquery表格变色jquery表格变色
这是一款简洁美观的通过js载入表格数据,点击选中表格行变色特效。jQuery Table选中表格行变色代码。
jQuery Table表格排序显示代码是一款支持分类排序,按数字大小排序,按英文排序等等。