<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title></title>
<link href="css/style.css" rel="stylesheet" type="text/css" />
<!-- 引入jQuery -->
<script src="../scripts/jquery-1.3.1.js" type="text/javascript"></script>
<script type="text/javascript">
$(function(){
$("tr:odd").addClass("odd"); /* 奇数行添加样式*/
$("tr:even").addClass("even"); /* 偶数行添加样式*/
})
</script>
</head>
<body>
<table>
<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>找六</td><td>男</td><td>浙江温州</td></tr>
<tr><td>Rain</td><td>男</td><td>浙江杭州</td></tr>
<tr><td>MAXMAN</td><td>女</td><td>浙江杭州</td></tr>
</tbody>
</table>
</body>
</html>
分享到：
相关推荐
在表格变色的场景中，我们将利用JavaScript事件监听和DOM操作来实现所需的功能。 1. **隔行变色**：这个功能可以使得表格看起来更加清晰，帮助用户更容易区分不同的行。我们可以使用JavaScript遍历表格的所有行，...
jquery表格变色jquery表格变色jquery表格变色jquery表格变色jquery表格变色jquery表格变色jquery表格变色jquery表格变色jquery表格变色jquery表格变色jquery表格变色jquery表格变色jquery表格变色jquery表格变色...
总之，"jQuery 鼠标移动到表格变色特效"是一个利用jQuery处理鼠标事件并改变元素样式的实例，通过学习这个例子，开发者可以掌握jQuery的基本用法，了解如何结合CSS实现交互效果，这对于创建动态、响应式的网页界面至...
标题中的“jQuery鼠标移动表格变色及修改单元格值”是指使用jQuery库来实现一个功能，当鼠标在HTML表格上移动时，所经过的单元格会改变颜色，并且用户能够编辑表格中的单元格值。这个功能结合了jQuery的选择器、事件...
表格变色示例 /* 添加一些基础样式 */ table { border-collapse: collapse; width: 100%; } td, th { border: 1px solid #ddd; padding: 8px; } tr:hover {background-color: #f5f5f5;} <th>...
下面将详细讲解如何使用JavaScript实现表格变色效果。 首先，我们需要一个基本的HTML表格结构。HTML表格由`<table>`、`<tr>`（行）、`<th>`（表头）和`<td>`（单元格）标签组成。例如： ```html 姓名 年龄 ...
在这个“CSS Hover表格变色样式特效.zip”压缩包中，包含了一个实用的jQuery和CSS结合实现的表格元素hover效果的代码示例，该示例可以方便地应用于网页中，为用户提供更直观和友好的交互体验。 首先，我们来理解CSS...
表格变色
【JSP表格变色技术详解】 在Web开发中，JavaServer Pages（JSP）是一种用于创建动态网页的技术，它允许开发者将HTML、CSS、JavaScript等前端语言与Java代码结合在一起，实现服务器端的业务逻辑处理。本教程主要探讨...
鼠标移动表格行上行变色的JS脚本,鼠标移动表格行上行变色的JS脚本,
标题中的“表格变色功能”指的是在电子表格或者数据表应用中，用户可以通过设定规则或条件来改变单元格的颜色，以便于数据可视化和分析。这种功能常见于各种电子表格软件，如Microsoft Excel、Google Sheets或者网页...
通过jquery给经过的表格设置css背景变色效果
本主题涉及的是使用jQuery实现的一种常见的用户界面优化技巧——"表格隔行变色"以及"鼠标滑过时竖直表格内容变色效果"。这种效果可以提升表格的可读性，使得数据更加清晰易辨。 首先，我们来讨论“表格隔行变色”。...
这段代码实现了一个JavaScript兼容标准的表格变色效果。在网页中，用户可以通过点击"gray"或"green"按钮来改变表格的背景颜色。下面详细解释其中涉及的技术和知识点： 1. **HTML 结构**： - `<!DOCTYPE html>`：...