基于jquery实现仿51job城市选择功能实例代码

基于jquery实现仿51job城市选择功能实例代码

ID:30511247

大小:16.70 KB

页数:7页

时间:2018-12-30

基于jquery实现仿51job城市选择功能实例代码_第1页
基于jquery实现仿51job城市选择功能实例代码_第2页
基于jquery实现仿51job城市选择功能实例代码_第3页
基于jquery实现仿51job城市选择功能实例代码_第4页
基于jquery实现仿51job城市选择功能实例代码_第5页
资源描述:

《基于jquery实现仿51job城市选择功能实例代码》由会员上传分享,免费在线阅读,更多相关内容在应用文档-天天文库

1、我真正系统地接触和学习党的基本知识是在这次中级党校的培训班上。通过学习,了解了党的发展历程,对党的性质、宗旨、任务等基本知识有了进一步的了解基于jQuery实现仿51job城市选择功能实例代码  这篇文章主要介绍了基于jQuery实现仿51job城市选择功能实例代码的相关资料,需要的朋友可以参考下  前些文章用写过,省市县三级联动,但是感觉选择的时候不够直观,现在改进了下,效果如下图                 #provinceDiv{list-style:none;}  #provinceDivli{list-st

2、yle:none;border-bottom:1pxdotted#ccc;width:400px;height:20px;margin-bottom:3px;}  #provinceDivlispan{display:block;width:60px;height:20px;float:left;line-height:20px;text-align:center;position:relative;}  #provinceDivlispan:hover{background:#fb0;}对党的认识也有了进一步的提高。才真

3、正体会到了中国共产党的伟大、光荣和正确,更感到只有中国共产党是全中国最广大人民利益的忠实代表我真正系统地接触和学习党的基本知识是在这次中级党校的培训班上。通过学习,了解了党的发展历程,对党的性质、宗旨、任务等基本知识有了进一步的了解  #provinceDivlispan.current{background:#fb0;}  div.cityDiv{border:1pxsolid#ccc;width:auto;width:100px;_width:100px;height:100px;_height:100px;heigh

4、t:auto;background:#eff7ff;display:none;position:absolute;padding:2px;}  div.cityDiva{display:block;text-decoration:none;color:#000;}  div.cityDiva:hover{background:#fb0;}      $(function(){  varisoncityDiv=false;//是否在cityDiv上,默认为false  $("span").bind("click",funct

5、ion(){  varspanid=$(this).attr("id");//获取当前spanid  $("span").not("#"+spanid).removeClass("current");  $(this).addClass("current");  $("div.cityDiv").remove();//立即移除所有动态创建的div  varspanCurrent=$("#"+$(this).attr("id"));对党的认识也有了进一步的提高。才真正体会到了中国共产党的伟大、光荣和正确,更感到只有中国共产党

6、是全中国最广大人民利益的忠实代表我真正系统地接触和学习党的基本知识是在这次中级党校的培训班上。通过学习,了解了党的发展历程,对党的性质、宗旨、任务等基本知识有了进一步的了解//当前点击的sapn对象  vartipDiv=$("");//动态创建城市div  tipDiv.html(System_Select_City.GetCity(spanid).value);//后台输出的数据包含城市数据  tipDiv.bind("mouseover",function(){  tipDiv.show();  isoncityDi

7、v=true;//鼠标在其上为true  }).bind("mouseout",function(){  tipDiv.hide();  });  $("body").append(tipDiv);//加入body   vartop=spanCurrent.offset().top;//获取top  varleft=spanCurrent.offset().left;//获取left  tipDiv.offset({top:top+20,left:left+60});  tipDiv.show();//获取显示div   

8、}).bind("mouseout",function(){  varspanCurrent=$("#city_"+$(this).attr("id"));  vara=function(){  if(!isoncityDiv){//不在弹出的div上时候执行  spanCurrent.remove()

当前文档最多预览五页,下载文档查看全文

此文档下载收益归作者所有

当前文档最多预览五页,下载文档查看全文
温馨提示:
1. 部分包含数学公式或PPT动画的文件,查看预览时可能会显示错乱或异常,文件下载后无此问题,请放心下载。
2. 本文档由用户上传,版权归属用户,天天文库负责整理代发布。如果您对本文档版权有争议请及时联系客服。
3. 下载前请仔细阅读文档内容,确认文档内容符合您的需求后进行下载,若出现内容与标题不符可向本站投诉处理。
4. 下载文档时可能由于网络波动等原因无法下载或下载错误,付费完成后未能成功下载的用户请联系客服处理。