欢迎来到天天文库
浏览记录
ID:30511247
大小:16.70 KB
页数:7页
时间:2018-12-30
《基于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()
此文档下载收益归作者所有