jobsearch.html
来自「阶段项目 javascript,主要是模仿51.com网站的页面特效」· HTML 代码 · 共 270 行 · 第 1/2 页
HTML
270 行
<input name="btnWorkPlace" type="button" class="searcharea" id="btnWorkPlace" value="工作地点" onClick="showJobLayer('cityLayer');">
</label></td>
</tr>
<tr>
<td height="30" colspan="3" align="left"><img src="images/register-arrow.gif" width="9" height="9"> 更多精确搜索条件</td>
</tr>
<tr>
<td height="35" colspan="2" valign="middle"> 职能类别
<input name="Submit3" type="button" class="btn-search1" onClick="showJobLayer('jobLayer')">
行业类别
<input name="button2" type="button" class="btn-search1" onClick="showJobLayer('jobFunLayer');"> </td>
</tr>
<tr>
<td width="50%"><div id="showJobInfo" style="padding-left:30px; font-size:12px; color:blue; text-align:left;"></div></td>
<td width="50%" valign="top" style="padding-left:30px;"><div id="showFunInfo" style="padding-right:30px; font-size:12px; color:blue; text-align:left; vertical-align:top;"></div></td>
</tr>
<tr id="sel1">
<td height="35" colspan="3"> 发布日期
<label>
<select name="selDate" id="selDate">
<option>--请选择--</option>
</select>
工作年限
<select name="selTime" id="selTime">
<option>--请选择--</option>
<option value="1">1年</option>
<option value="2">2年</option>
<option value="3">3年</option>
<option value="4">4年</option>
<option value="5">5年</option>
<option value=">5">5年以上</option>
</select>
月薪范围
<select name="selSalary" id="selSalary">
<option selected>--请选择--</option>
<option value="<1k"><1000</option>
<option value="1k1.5k">1000--1500</option>
<option value="1.5k2k">1500--2000</option>
<option value="2k2.5k">2000--2500</option>
<option value="2.5k3k">2500--3000</option>
<option value="3k5k">3000--5000</option>
<option value=">5k">>5000</option>
</select>
</label></td>
</tr>
<tr id="sel2">
<td height="35" colspan="3"> 公司性质
<select name="selCompany" id="selCompany">
<option selected>--请选择--</option>
<option>国有企业</option>
<option>外资企业</option>
<option>私有企业</option>
<option>合资企业</option>
</select>
学历要求
<select name="selEdu" id="selEdu">
<option selected>--请选择--</option>
<option value="初中">初中</option>
<option value="高中">高中</option>
<option value="中专">中专</option>
<option value="大专">大专</option>
<option value="本科">本科</option>
<option value="硕士">硕士</option>
<option value="博士">博士</option>
</select>
工作类型
<select name="selJobType" id="selJobType">
<option selected>--请选择--</option>
<option value="业务主管">业务主管</option>
<option value="部门主管">部门主管</option>
<option value="部门经理">部门经理</option>
</select></td>
</tr>
<tr>
<td height="39" colspan="3" align="center">
<input name="button" type="image" src="images/search-job.gif" >
</td>
</tr>
</table>
<div id="jobFunLayer" style=" position:absolute; left:202px; top:124px; width:594px; height:62px; z-index:2; background-color: #FFFFFF; display:none;" >
<table width="100%" border="0" cellpadding="1" cellspacing="0" style="border:1px #CC99FF solid;">
<tr style="background-image:url(images/bottom-bg.gif);">
<td height="33" colspan="5"><img src="images/orangearrow.gif" width="12" height="12">请选择您想搜索的职位</td>
<td width="128" align="right">[<a href="#" onClick="clearSelect('headship','showFunInfo');">重置</a>] [<a href="#" onClick="handUp('headship','showFunInfo','jobFunLayer','行业');showSels();">确定</a>] [<a href="#" onClick="closeLayer('jobFunLayer');showSels();">关闭</a>]</td>
</tr>
<tr>
<td width="101"><input name="headship" type="checkbox" id="headship" value="IT管理">
IT管理</td>
<td width="130"><input name="headship" type="checkbox" id="headship" value="写作/出版/印刷">
写作/出版/印刷</td>
<td width="113"><input name="headship" type="checkbox" id="headship" value="房地产">
房地产</td>
<td width="109"><input name="headship" type="checkbox" id="headship" value="人力资源管理">
人力资源管理</td>
<td colspan="2">
<input name="headship" type="checkbox" id="headship" value="部门经理">
部门经理</td>
</tr>
</table>
</div></td>
<td width="3" align="right"><img src="images/register-line.gif" width="3" height="100%"></td>
</tr>
<tr>
<td colspan="3"><img src="images/search_bottom.gif" width="660" height="18"></td>
</tr>
</table>
</form>
<div>
<table width="897" border="0" cellpadding="0" cellspacing="0">
<tr>
<td height="35" align="center" background="images/bottom-bg.gif"><a href="#">网站导航</a> | <a href="index.html" target="top">网站首页</a>| <a href="jobSearch.html" target="top">职位搜索</a> | <a href="#">Myjob</a> | <a href="userReg.html">用户注册</a> | <a href="#">用户登录</a> | <a href="resume.html">简历管理</a> | <a href="companyIntroduction.html" target="top">招聘公司</a></td>
</tr>
<tr>
<td align="center" class="bootStyle">人才招聘Email:hr@51job.com</td>
</tr>
<tr>
<td align="center" class="bootStyle">个人求职 Email:<a href="#">club@51job.com</a> 或垂询:800-820-5100 </td>
</tr>
<tr>
<td align="center" class="bootStyle">未经本招聘网站同意,不得转载本网站之所有招聘信息及作品 </td>
</tr>
<tr>
<td align="center" class="bootStyle">无忧工作网版权所有©1997-2007</td>
</tr>
<tr>
<td align="center" class="bootStyle"><img src="images/bottom1.gif" width="38" height="43"></td>
</tr>
</table>
</div>
</body>
</html>
⌨️ 快捷键说明
复制代码Ctrl + C
搜索代码Ctrl + F
全屏模式F11
增大字号Ctrl + =
减小字号Ctrl + -
显示快捷键?