jQuery实现表格颜色交替显示的方法
本文实例讲述了jQuery实现表格颜色交替显示的方法。分享给大家供大家参考。具体实现方法如下：
<!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>
<title>jQuery实现表格颜色的交替显示</title>
<script type="text/javascript" src="js/jquery1.3.2.js"></script>
<script type="text/javascript">
jQuery(document).ready(function(){
jQuery(".truecolor tr:odd").addClass("color1");
jQuery(".truecolor tr:even").addClass("color2");
jQuery(".truecolor tr").hover(function(){
jQuery(this).addClass("color3")
},function(){
jQuery(this).removeClass("color3")
});
});
</script>
<style type="text/css">
.truecolor {border:1px solid #333;text-align:center;}
.truecolor th {background-color:#333; color:#FFF;}
.color1 {background-color:#DDD; color:#333;}
.color2 {background-color:#EEE; color:#333;}
.color3 {background-color:#666; color:#FFF;}
</style>
</head>
<body>
<table width="450" class="truecolor">
<thead>
<tr>
<th>博客</th>
<th>作者</th>
<th>网址</th>
</tr>
</thead>
<tbody>
<tr>
<td>风格之舞</td>
<td>火德</td>
<td>隔行换色</td>
</tr>
<tr>
<td>赵雷的博客</td>
<td>赵雷</td>
<td>新浪微博</td>
</tr>
<tr>
<td>寂寞广场</td>
<td>魏春亮</td>
<td>同学录</td>
</tr>
<tr>
<td>淘宝UED</td>
<td>淘宝</td>
<td>经常购物</td>
</tr>
</tbody>
</table>
</body>
</html>
希望本文所述对大家的jQuery程序设计有所帮助。
-
本文向大家介绍jQuery与js实现颜色渐变的方法，包括了jQuery与js实现颜色渐变的方法的使用技巧和注意事项，需要的朋友参考一下 本文实例讲述了jQuery与js实现颜色渐变的方法。分享给大家供大家参考，具体如下： 1.目的 本来想的是 提示用户应该点某个按钮 这个功能，就想着让这个按钮div的边框变成醒目的颜色然后逐渐变白。 在网上搜了搜，本来想使用jQuery的animate，后来发现这
-
Java 如何实现用 POI 输出 Excel 的时候，设置背景 n 行有色，n 行无色，按顺序循环下去，怎么搞呢？
-
问题内容： 我正在使用具有备用行颜色的表。 在这里，我使用class ，但是我只想使用。当我将类用于表时，这适用于替代方法。 我可以使用CSS这样编写HTML吗？ 如何使用CSS使行具有“斑马条纹”？ 问题答案： $(document).ready(function() 有一个CSS选择器，实际上是一个伪选择器，称为nth-child。在纯CSS中，您可以执行以下操作： 注意： IE 8不支持。
-
本文向大家介绍jQuery实现高亮显示的方法，包括了jQuery实现高亮显示的方法的使用技巧和注意事项，需要的朋友参考一下 本文实例讲述了jQuery实现高亮显示的方法。分享给大家供大家参考。具体如下： 主要功能代码如下： 使用时设置on的css高亮部分样式即可。 希望本文所述对大家的jQuery程序设计有所帮助。
-
本文向大家介绍JS实现随机颜色的3种方法与颜色格式的转化，包括了JS实现随机颜色的3种方法与颜色格式的转化的使用技巧和注意事项，需要的朋友参考一下 前言 相信大家都知道在前端的颜色表示方式有多种，一种是以3个或6个十六进制的数子表示，一种是RGB的数字形式，还有一种是直接以颜色的英文来表示。这三种都是不支持透明色的。所以还有RGBA的表式方式，在RGB的的基础上加入了Alpha透明，使网页可以展现
-
本文向大家介绍Python编程实现控制cmd命令行显示颜色的方法示例，包括了Python编程实现控制cmd命令行显示颜色的方法示例的使用技巧和注意事项，需要的朋友参考一下 本文实例讲述了Python编程实现控制cmd命令行显示颜色的方法。分享给大家供大家参考，具体如下： 基于win7 + python3.4 运行效果： 更多关于Python相关内容可查看本站专题：《Python字符串操作技巧汇总》