国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 語言 > JavaScript > 正文

jquery 雙色表格實現代碼

2024-05-06 14:12:30
字體：大 中 小
來源：轉載
供稿：網友
//m.survivalescaperooms.com/article/21027.htm
不多說了，直接給代碼
代碼
代碼如下:
<html>
<head>
<title>雙色表格</title>
<style type="text/css">
<!--
table {
border:solid 1px black;
text-align:center;
border-spacing:0px;
}
th,td {
border:solid 1px black;
width:100px;
}
-->
</style>
<script src="lib/jquery.js" type="text/javascript"></script>
<script type="text/javascript" >
$().ready(function() {
$('tr:has(th)').css('background','violet'); //表格標題
$('tr:even:gt(0)').css('background','yellow'); //偶數行,且行數大于0(即標題)
$('tr:odd').css('background','olive'); //奇數行
});
</script>
</head>
<body>
<center>
<table>
<tr id="th">
<th>姓名</th>
<th>科目</th>
<th>成績</th>
</tr>
<tr>
<td>張三</td>
<td>語文</td>
<td>90</td>
</tr>
<tr>
<td>張三</td>
<td>數學</td>
<td>87</td>
</tr>
<tr>
<td>李四</td>
<td>數學</td>
<td>68</td>
</tr>
<tr>
<td>王五</td>
<td>英語</td>
<td>76</td>
</tr>
</table>
</center>
</body>
</html>

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表

圖片精選

主站蜘蛛池模板： 清远市| 祁东县| 阿克陶县| 马鞍山市| 潼南县| 抚宁县| 咸阳市| 光泽县| 安福县| 囊谦县| 长垣县| 西乡县| 宣化县| 南陵县| 台北市| 临沧市| 凤庆县| 财经| 洪江市| 沅陵县| 务川| 新乡县| 定州市| 东莞市| 陈巴尔虎旗| 秭归县| 墨竹工卡县| 美姑县| 江华| 北宁市| 长汀县| 四子王旗| 抚远县| 昂仁县| 贵州省| 兰溪市| 玉门市| 武冈市| 阳朔县| 渝中区| 务川|