首頁

JS特效

jQuery特效

jQuery彈出式下拉框省市區三級連動選擇

現在下載預覽

程式碼片段：

<腳本類型=“text/javascript”src=“js/jquery.min.js”>
<腳本類型=“text/javascript”src=“js/Popt.js”>
<腳本類型=“text/javascript”src=“js/city.json.js”>
<腳本類型=“text/javascript”src=“js/citySet.js”>

<樣式類型=“text/css”>
* { -ms-word-wrap: 斷詞;自動換行：斷詞； }
html { -webkit-text-size-調整：無；文字大小調整：無； }
html, 內文 {高度:99%;寬度:99%; }
.wrap{寬度：464px；高度：34px；邊距：20px auto；邊框：0；位置：相對；}
.input{position:absolute;top:0;left:0;width:457px;margin:0;padding-left:5px;height:30px;line-height:30px;font-size:12px;border:1px 實線# c9cacb;}
s{position:absolute;top:1px;right:0;width:32px;height:32px;background:url("img/arrow.png") no-repeat;}
._citys { 寬度：450px;顯示：內聯塊；邊框：2px 實線#eee；內邊距：5px；位置：相對； }
._citys span { 顏色：#05920a;高度：15px；寬度：15 像素；行高：15px；文字對齊：居中；邊框半徑：3px；位置：絕對；右：10 像素；頂部：10 像素；邊框：1px實線#05920a；遊標：指針； }
._citys0 { 寬度：95%;高度：34像素；行高：34px；顯示：內聯塊；邊框底部：2px實心#05920a；內邊距：0px 5px；字體大小：14px；字體粗細：粗體；左邊距：6px； }
._citys0 li { 顯示：內聯區塊；行高：34px；字體大小：15px；顏色：#888；寬度：80px；文字對齊：居中；遊標：指針； }
._citys1 { 寬度：100%；顯示：內聯塊；內邊距：10px 0； }
._citys1 a { 寬度：83px;高度：35 像素；顯示：內聯塊；背景顏色：#f5f5f5；顏色：#666；左邊距：6px；上邊距：3px；行高：35px；文字對齊：居中；遊標：指針；字體大小：12px；邊框半徑：5px；溢出：隱藏； }
._citys1 a:hover { 顏色: #fff;背景顏色：#05920a； }
.AreaS { 背景顏色：#05920a ！重要；顏色：#fff！重要； }