请问一下，chinahr的这页是怎么实现的？谁能指给我那些关键代码
地址是：http://searchjob.chinahr.com/AdvanceSearch.aspx
点击：“请选择职位类别”和“请选择城市或地区”的效果是如何办到的？
我琢磨了N久未果...
先谢谢各位～
[解决办法]
用层实现吧,没有什么代码,代码就是显示隐藏
[解决办法]
如果说的高深一点,此网站用了ajax技术,说的白点,就是用js代码实现很多客户端的效果
[解决办法]
<?xml version= "1.0 " encoding= "gb2312 " ?>
<head>
<meta http-equiv= "Content-Type " content= "text/html; charset=gb2312 " />
<script language= "javascript " type= "text/javascript " src= "SearchJobCommon.js "> </script>
<script language= "javascript " type= "text/javascript " src= "MulitChked.js "> </script>
<script language= "javascript " type= "text/javascript " src= "AdvanceSearchNew.js "> </script>
<script language= "javascript " type= "text/javascript " src= "ListSrc20061122.js "> </script>
</head>
<body onmousemove= "public_MoveLayer() " onmouseup= "public_UpMouse() " onclick= "public_ClickCloseLayer3( 'dvCate ', 'dvArea ', 'dvIndustry ', 'but_Cate ', 'but_Area ', 'but_Industry ') ">
<!--保存并订阅-->
<div id= "dvSaveAndCycle " width= "305 " style= "display:none;Z-INDEX:1; LEFT:1px; POSITION:absolute; TOP:1px ">
</div>
<!--职业浮层-->
<DIV id= "dvCate " width= "645 " style= ' display:none;Z-INDEX:999; LEFT:132px; POSITION:absolute; WIDTH:645px; TOP:176px; BACKGROUND-COLOR:#ffffff; bordercolor:#ffffff '>
</DIV>
<!--地区浮层-->
<DIV id= "dvArea " width= "645 " style= ' display:none;Z-INDEX:999; LEFT:132px; POSITION:absolute; WIDTH:645px; TOP:176px; BACKGROUND-COLOR:#ffffff; bordercolor:#ffffff '>
</DIV>
<!--行业浮层-->
<DIV id= "dvIndustry " width= "645 " style= 'display:none;Z-INDEX:999;Height:410px;LEFT:132px; POSITION:absolute; WIDTH:645px; TOP:176px; BACKGROUND-COLOR:#ffffff; bordercolor:#ffffff '>
</DIV>
<!--查询记录浮层-->
</div>
<div class= "main ">
<div class= "con ">
<div class= "level ">
<div class= "formblk ">
<div class= "clear ">
<label for= "f1 " id= "lblOccNames ">
<font style= "COLOR:#000 "> 职位类别： </font> </label>
<div class= "iptblk liesltblk " style= "POSITION:relative ">
<input name= "txtOccNames " id= "txtOccNames " type= "text " class= "lieipt3 " value= "请选择职位类别 " onkeydown= "SetKeyboardInvalid(); " onpaste= "return false; " ondragenter= "return false; " onclick= "$( 'but_Cate ').focus();$( 'but_Cate ').click(); " />
<input type= "button " id= "but_Cate " class= "lieselect " onClick= "CateDisplayIsOpen( true ) "
title= "请您选择期望职业类别 "> <input name= "HidOccParentIDs " id= "HidOccParentIDs " type= "hidden " />
<input name= "HidOccIDs " id= "HidOccIDs " type= "hidden " /> <input name= "HidOccNames " id= "HidOccNames " type= "hidden " />
<input name= "HidOccStates " id= "HidOccStates " type= "hidden " />
<table id= "TblShowSelectedCate " border= "0 " name= "TblShowSelectedCate " cellpadding= "0 " style= "display:none " cellspacing= "0 " width= "100% ">
</table>
</div>
</div>
<div class= "clear ">
<label for= "f1 " id= "lblAreaNames "> 工作地点： </label>
<div class= "iptblk liesltblk ">
<input name= "txtAreaNames " id= "txtAreaNames " type= "text " class= "lieipt3 " value= "请选择城市或地区 " onkeydown= "SetKeyboardInvalid(); " onpaste= "return false; " ondragenter= "return false; " onclick= "$( 'but_Area ').focus();$( 'but_Area ').click(); " />
<input type= "button " class= "lieselect " id= "but_Area " onclick= "AreaDisplayIsOpen( true ) "
title= "请您选择期望工作地区 "> <input name= "HidAreaParentIDs " id= "HidAreaParentIDs " type= "hidden " />
<input name= "HidAreaIDs " id= "HidAreaIDs " type= "hidden " /> <input name= "HidAreaNames " id= "HidAreaNames " type= "hidden " />
<input name= "HidAreaStates " id= "HidAreaStates " type= "hidden " />
<table id= "TblShowSelectedArea " name= "TblShowSelectedArea " cellpadding= "0 " style= "display:none " cellspacing= "0 " width= "100% ">
</table>
</div>
</div>
<div class= "clear ">
<label for= "f1 " id= "lblIndeustryNames "> 行业类别： </label>
<div class= "iptblk liesltblk ">
<input name= "txtIndeustryNames " id= "txtIndeustryNames " type= "text " class= "lieipt3 " value= "请选择行业类别 " onkeydown= "SetKeyboardInvalid(); " onpaste= "return false; " ondragenter= "return false; " onclick= "$( 'but_Industry ').focus();$( 'but_Industry ').click(); " />
<input type= "button " class= "lieselect " id= "but_Industry " onClick= "IndustryDisplayIsOpen( true ) "
title= "请您选择具体职位 "> <input name= "HidIndustryIDs " id= "HidIndustryIDs " type= "hidden " />
<input name= "HidIndustryNames " id= "HidIndustryNames " type= "hidden " />
<input name= "HidIndustryStates " id= "HidIndustryStates " type= "hidden " />
<table id= "TblShowSelectedIndustry " border= "0 " name= "TblShowSelectedIndustry " cellpadding= "0 " cellspacing= "0 " width= "100% " style= "display:none ">
</table>
</div>
</div>
</div>
</div>
</body>
<script language= "javascript ">
InitSelectListNew();
var classNameOfOccNames = 'must ';
var classNameOfAreaNames = ' ';
var classNameOfIndeustryNames = ' ';
var classNameOfKeyword = ' ';
var classNameOfSelSalary = ' ';
var classNameOfSelDegree = ' ';
var classNameOfSelWorkExpr = ' ';
var classNameOfSelJobUpdateTime = ' ';
SetBGColor();
</script>
<script language= "javascript " for= "BtnSearch " event= "onclick ">
return CheckSubmitAd();
</script>
</html>
<!--http://searchjob.chinahr.com/AdvanceSearch.aspx-->
所涉及到的js你自己下载吧
