会python真的可以为所欲为0(回)
444天前
这里还有人吗1(回)
629天前这里还有人吗0(回)
629天前
每天面对着电脑屏幕，敲打键盘。我所面对的并不只是代码，而是一种生活方式。0(回)
854天前到处都是羊，不想上班0(回)
934天前
鸽子
0(回)
938天前<!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> |
<!-- 引入jQuery --> |
<script src="../scripts/jquery-1.3.1.js" type="text/javascript"></script> |
<script type="text/javascript"> |
$(function(){ |
$('tr.parent').click(function(){ // 获取所谓的父行 |
$(this) |
.toggleClass("selected") // 添加/删除高亮 |
.siblings('.child_'+this.id).toggle(); // 隐藏/显示所谓的子行 |
}).click(); |
}) |
</script> |
<style type="text/css"> |
table { |
border:0; |
border-collapse:collapse; |
} |
td { |
font:normal 12px/17px Arial; |
padding:2px; |
width:100px; |
} |
th { |
font:bold 12px/17px Arial; |
text-align:left; |
padding:4px; |
border-bottom:1px solid #333; |
width:100px; |
} |
.parent { |
background:#eee; |
cursor:pointer; |
} /* 偶数行样式*/ |
.odd { |
background:#ddd; |
} /* 奇数行样式*/ |
.selected { |
background:#aaa; |
color:#fff; |
} |
</style> |
</head> |
<body> |
<table> |
<thead> |
<tr> |
<th>姓名</th> |
<th>性别</th> |
<th>暂住地</th> |
</tr> |
</thead> |
<tbody> |
<tr class="parent" id="row_01"> |
<td colspan="3">前台设计组</td> |
</tr> |
<tr class="child_row_01"> |
<td>张山</td> |
<td>男</td> |
<td>浙江宁波</td> |
</tr> |
<tr class="child_row_01"> |
<td>李四</td> |
<td>女</td> |
<td>浙江杭州</td> |
</tr> |
<tr class="parent" id="row_02"> |
<td colspan="3">前台开发组</td> |
</tr> |
<tr class="child_row_02"> |
<td>王五</td> |
<td>男</td> |
<td>湖南长沙</td> |
</tr> |
<tr class="child_row_02"> |
<td>找六</td> |
<td>男</td> |
<td>浙江温州</td> |
</tr> |
<tr class="parent" id="row_03"> |
<td colspan="3">后台开发组</td> |
</tr> |
<tr class="child_row_03"> |
<td>Rain</td> |
<td>男</td> |
<td>浙江杭州</td> |
</tr> |
<tr class="child_row_03"> |
<td>MAXMAN</td> |
<td>女</td> |
<td>浙江杭州</td> |
</tr> |
</tbody> |
</table> |
</body> |
</html> |
