基于jquery實現(xiàn)仿51job城市選擇功能實例代碼

基于jquery實現(xiàn)仿51job城市選擇功能實例代碼

ID:30511247

大小:16.70 KB

頁數(shù):7頁

時間:2018-12-30

基于jquery實現(xiàn)仿51job城市選擇功能實例代碼_第1頁
基于jquery實現(xiàn)仿51job城市選擇功能實例代碼_第2頁
基于jquery實現(xiàn)仿51job城市選擇功能實例代碼_第3頁
基于jquery實現(xiàn)仿51job城市選擇功能實例代碼_第4頁
基于jquery實現(xiàn)仿51job城市選擇功能實例代碼_第5頁
資源描述:

《基于jquery實現(xiàn)仿51job城市選擇功能實例代碼》由會員上傳分享,免費在線閱讀,更多相關內容在應用文檔-天天文庫。

1、我真正系統(tǒng)地接觸和學習黨的基本知識是在這次中級黨校的培訓班上。通過學習,了解了黨的發(fā)展歷程,對黨的性質、宗旨、任務等基本知識有了進一步的了解基于jQuery實現(xiàn)仿51job城市選擇功能實例代碼  這篇文章主要介紹了基于jQuery實現(xiàn)仿51job城市選擇功能實例代碼的相關資料,需要的朋友可以參考下  前些文章用寫過,省市縣三級聯(lián)動,但是感覺選擇的時候不夠直觀,現(xiàn)在改進了下,效果如下圖            ?    #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、正體會到了中國共產黨的偉大、光榮和正確,更感到只有中國共產黨是全中國最廣大人民利益的忠實代表我真正系統(tǒng)地接觸和學習黨的基本知識是在這次中級黨校的培訓班上。通過學習,了解了黨的發(fā)展歷程,對黨的性質、宗旨、任務等基本知識有了進一步的了解  #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();//立即移除所有動態(tài)創(chuàng)建的div  varspanCurrent=$("#"+$(this).attr("id"));對黨的認識也有了進一步的提高。才真正體會到了中國共產黨的偉大、光榮和正確,更感到只有中國共產黨

6、是全中國最廣大人民利益的忠實代表我真正系統(tǒng)地接觸和學習黨的基本知識是在這次中級黨校的培訓班上。通過學習,了解了黨的發(fā)展歷程,對黨的性質、宗旨、任務等基本知識有了進一步的了解//當前點擊的sapn對象  vartipDiv=$("");//動態(tài)創(chuàng)建城市div  tipDiv.html(System_Select_City.GetCity(spanid).value);//后臺輸出的數(shù)據(jù)包含城市數(shù)據(jù)  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上時候執(zhí)行  spanCurrent.remove()

當前文檔最多預覽五頁,下載文檔查看全文

此文檔下載收益歸作者所有

當前文檔最多預覽五頁,下載文檔查看全文
溫馨提示:
1. 部分包含數(shù)學公式或PPT動畫的文件,查看預覽時可能會顯示錯亂或異常,文件下載后無此問題,請放心下載。
2. 本文檔由用戶上傳,版權歸屬用戶,天天文庫負責整理代發(fā)布。如果您對本文檔版權有爭議請及時聯(lián)系客服。
3. 下載前請仔細閱讀文檔內容,確認文檔內容符合您的需求后進行下載,若出現(xiàn)內容與標題不符可向本站投訴處理。
4. 下載文檔時可能由于網(wǎng)絡波動等原因無法下載或下載錯誤,付費完成后未能成功下載的用戶請聯(lián)系客服處理。