[javascript]代码库
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>搜索框</title>
<style type="text/css">
*{margin:0;padding:0;}
.search_warp{width:100%; margin:10px auto; border-bottom:2px solid #eee; padding-bottom:5px; font-family:"微软雅黑"; font-size:12px}
.search_box{width:90%; margin:5px auto;}
.search_box td{ height:30px;}
.search_box1{width:90%; margin:5px auto; display:none;}
.search_box1 td{ height:30px;}
.input_none_60{width:60%; height:25px; line-height:25px; border:1px solid #dddedf;}
.cl{clear:both;}
</style>
<script src="js/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#hide").click(function(){
$(".search_box1").toggle();
});
});
</script>
</head>
<body>
<div class="search_warp">
<table border="0" cellpadding="0" cellspacing="0" class="search_box">
<tr>
<td width="30%">工作人员识别号:<input class="input_none_60"></input></td>
<td width="30%">工作人员识别号:<input class="input_none_60"></input></td>
<td width="30%">工作人员识别号:<input class="input_none_60"></input></td>
<td> </td>
</tr>
<tr>
<td>工作人员识别号:<input class="input_none_60"></input></td>
<td>工作人员识别号:<input class="input_none_60"></input></td>
<td>工作人员识别号:<input class="input_none_60"></input></td>
<td> </td>
</tr>
<tr>
<td>工作人员识别号:<input class="input_none_60"></input></td>
<td>工作人员识别号:<input class="input_none_60"></input></td>
<td>工作人员识别号:<input class="input_none_60"></input></td>
<td><a href="#" id="hide">更多>></a></td>
</tr>
</table>
<table border="0" cellpadding="0" cellspacing="0" class="search_box1">
<tr>
<td width="30%">工作人员识别号:<input class="input_none_60"></input></td>
<td width="30%">工作人员识别号:<input class="input_none_60"></input></td>
<td width="30%">工作人员识别号:<input class="input_none_60"></input></td>
<td> </td>
</tr>
<tr>
<td>工作人员识别号:<input class="input_none_60"></input></td>
<td>工作人员识别号:<input class="input_none_60"></input></td>
<td>工作人员识别号:<input class="input_none_60"></input></td>
<td> </td>
</tr>
<tr>
<td>工作人员识别号:<input class="input_none_60"></input></td>
<td>工作人员识别号:<input class="input_none_60"></input></td>
<td>工作人员识别号:<input class="input_none_60"></input></td>
<td> </td>
</tr>
</table>
</div>
</body>
</html>
[代码运行效果截图]
[源代码打包下载]