请教一下，chinahr的这页是如何实现的？哪位高手能指给小弟我那些关键代码
日期：2014-05-17 浏览次数：20993 次
请问一下，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= "HidO
地址是：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= "HidO
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
