1. 爱易网页
  2. ASP教程
  3. 请教一下，chinahr的这页是如何实现的？哪位高手能指给小弟我那些关键代码

请教一下，chinahr的这页是如何实现的？哪位高手能指给小弟我那些关键代码

日期：2014-05-17　 浏览次数：21033 次

请问一下，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

相关资料更多>

  1. 请看用javascript设置和读取cookie的简单例子_客户端相关_ASP教程
  2. JScript 方法 - getUTCDay 方法
  3. 网页中隐藏帧的妙用
  4. 关于 Ajax 在ASP.NET 中运用的小例子
  5. 有关ASP的一些常见问题（三）
  6. ~一个简单的读取数据有关问题!
  7. ASP内建对象Request_ASP基础_ASP教程
  8. 用ASP寻找到真实IP地址的方法
  9. “从字符串向 datetime 变换时失败”，“ASP函数Now()”