这次给大家带来jQuery实现省份城市滑动切换（附代码），jQuery实现省份城市滑动切换的注意事项有哪些，下面就是实战案例，一起来看一下。
这里演示jQuery实现的全国省市菜单，加入了选项卡风格，把全国城市按字母范围归类，鼠标移到某一分类的时候，滑动门展开显示所属的全国省分和城市。特别适合于分类信息网站使用。当然，在需要选择省市的时候，也是可以用的。仔细看了下，菜单里面的城市还比较全，你不用再手动添加城市了。
运行效果截图如下：
具体代码如下：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<style type="text/css">
*{margin:0;padding:0;border:0;font-size:12px;}
a{text-decoration:none;}
ul,li,ol,dl,dt,dd{list-style:none;}
.cityList{display:block;position:absolute;left:20px;top:20px;width:676px;border:2px solid #B91313;background:white;z-index:1;overflow:hidden;font-family:arial,"宋体";overflow:hidden;}
.cityList .title{background-color:#F4F4F4;width:100%;padding-top:10px;padding-left:16px;overflow:hidden;position:relative;}
.cityList .cityTopSearch{float:left;width:228px;height:25px;line-height:25px;margin-right:38px;padding:0 2px;display:inline;border:1px solid #E6DFDE;color:#5e5e5e;}
.cityList ul.titleChar{list-style:none;cursor:default;}
.cityList .titleChar .on{border-color:#E6DFDE;background-color:white;}
.cityList .titleChar li{float:left;border:1px solid #F4F4F4;border-bottom:0;padding:6px 24px;}
.cityList .cityListBox{margin:8px 0 0 16px;color:#686868;overflow:hidden;display:inline-block;_position:relative;}
.cityListBox dl{position:relative;overflow:hidden;zoom:1;}
cityListBox .hotCity dd{width:650px;}
.cityListBox dl dt{float:left;width:20px;height:auto;display:block;line-height:25px;}
.cityListBox dl dd{float:left;line-height:25px;_padding-top:2px;text-align:left;width:640px;margin-bottom:6px;}
.cityListBox dl dd a{color:#686868;}
.cityListBox dl dd a:hover{color:#990000;text-decoration:underline;}
.cityListBox a{width:55px;display:inline-block;}
.none{display:none;}
</style>
<script type="text/javascript" src="jquery-1.6.2.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$change_li = $(".titleChar li");
$change_li.each(function(i){
$(this).mouseover(function(){
$(this).addClass("on").siblings().removeClass("on");
$(".cityListBox dl").eq(i).show().siblings().hide();
})
});
});
</script>
</head>
<body>
<p class="cityList">
<p class="title">
<input type="text" id="" class="cityTopSearch" value="请输入城市或城市拼音" maxlength="15" />
<ul class="titleChar">
<li class="on">热门</li>
<li>A~G</li>
<li>H~L</li>
<li>M~T</li>
<li>W~Z</li>
</ul>
</p>
<p class="cityListBox">
<dl class="hotCity">
<dd>
<a href="//m.sbmmt.com/m/faq/#">北京</a>
<a href="//m.sbmmt.com/m/faq/#">上海</a>
<a href="//m.sbmmt.com/m/faq/#">广州</a>
<a href="//m.sbmmt.com/m/faq/#">深圳</a>
<a href="//m.sbmmt.com/m/faq/#">杭州</a>
<a href="//m.sbmmt.com/m/faq/#">南京</a>
<a href="//m.sbmmt.com/m/faq/#">成都</a>
<a href="//m.sbmmt.com/m/faq/#">重庆</a>
</dd>
</dl>
<dl class="none">
<dt>A</dt>
<dd>
<a href="//m.sbmmt.com/m/faq/#">安宁</a>
<a href="//m.sbmmt.com/m/faq/#">安康</a>
<a href="//m.sbmmt.com/m/faq/#">安顺</a>
<a href="//m.sbmmt.com/m/faq/#">安阳</a>
<a href="//m.sbmmt.com/m/faq/#">安庆</a>
<a href="//m.sbmmt.com/m/faq/#">鞍山</a>
</dd>
<dt>B</dt>
<dd>
<a href="//m.sbmmt.com/m/faq/#">毕节</a>
<a href="//m.sbmmt.com/m/faq/#">霸州</a>
<a href="//m.sbmmt.com/m/faq/#">巴中</a>
<a href="//m.sbmmt.com/m/faq/#">白山</a>
<a href="//m.sbmmt.com/m/faq/#">保山</a>
<a href="//m.sbmmt.com/m/faq/#">百色</a>
<a href="//m.sbmmt.com/m/faq/#">巴彦淖尔</a>
<a href="//m.sbmmt.com/m/faq/#">白银</a>
<a href="//m.sbmmt.com/m/faq/#">亳州</a>
<a href="//m.sbmmt.com/m/faq/#">北海</a>
<a href="//m.sbmmt.com/m/faq/#">本溪</a>
<a href="//m.sbmmt.com/m/faq/#">蚌埠</a>
<a href="//m.sbmmt.com/m/faq/#">保定</a>
<a href="//m.sbmmt.com/m/faq/#">滨州</a>
<a href="//m.sbmmt.com/m/faq/#">包头</a>
<a href="//m.sbmmt.com/m/faq/#">宝鸡</a>
<a href="//m.sbmmt.com/m/faq/#">北京</a>
</dd>
<dt>C</dt>
<dd>
<a href="//m.sbmmt.com/m/faq/#">从化</a>
<a href="//m.sbmmt.com/m/faq/#">长葛</a>
<a href="//m.sbmmt.com/m/faq/#">赤壁</a>
<a href="//m.sbmmt.com/m/faq/#">承德</a>
<a href="//m.sbmmt.com/m/faq/#">昌吉</a>
<a href="//m.sbmmt.com/m/faq/#">池州</a>
<a href="//m.sbmmt.com/m/faq/#">巢湖</a>
<a href="//m.sbmmt.com/m/faq/#">长治</a>
<a href="//m.sbmmt.com/m/faq/#">赤峰</a>
<a href="//m.sbmmt.com/m/faq/#">潮州</a>
<a href="//m.sbmmt.com/m/faq/#">滁州</a>
<a href="//m.sbmmt.com/m/faq/#">沧州</a>
<a href="//m.sbmmt.com/m/faq/#">常熟</a>
<a href="//m.sbmmt.com/m/faq/#">郴州</a>
<a href="//m.sbmmt.com/m/faq/#">常德</a>
<a href="//m.sbmmt.com/m/faq/#">常州</a>
<a href="//m.sbmmt.com/m/faq/#">长春</a>
<a href="//m.sbmmt.com/m/faq/#">长沙</a>
<a href="//m.sbmmt.com/m/faq/#">楚雄</a>
<a href="//m.sbmmt.com/m/faq/#">慈溪</a>
<a href="//m.sbmmt.com/m/faq/#">成都</a>
<a href="//m.sbmmt.com/m/faq/#">重庆</a>
</dd>
<dt>D</dt>
<dd>
<a href="//m.sbmmt.com/m/faq/#">敦煌</a>
<a href="//m.sbmmt.com/m/faq/#">大丰</a>
<a href="//m.sbmmt.com/m/faq/#">都匀</a>
<a href="//m.sbmmt.com/m/faq/#">东阳</a>
<a href="//m.sbmmt.com/m/faq/#">东港</a>
<a href="//m.sbmmt.com/m/faq/#">迪庆</a>
<a href="//m.sbmmt.com/m/faq/#">丹江口</a>
<a href="//m.sbmmt.com/m/faq/#">大石桥</a>
<a href="//m.sbmmt.com/m/faq/#">丹阳</a>
<a href="//m.sbmmt.com/m/faq/#">定西</a>
<a href="//m.sbmmt.com/m/faq/#">都江堰</a>
<a href="//m.sbmmt.com/m/faq/#">达州</a>
<a href="//m.sbmmt.com/m/faq/#">大同</a>
<a href="//m.sbmmt.com/m/faq/#">大庆</a>
<a href="//m.sbmmt.com/m/faq/#">丹东</a>
<a href="//m.sbmmt.com/m/faq/#">德州</a>
<a href="//m.sbmmt.com/m/faq/#">德阳</a>
<a href="//m.sbmmt.com/m/faq/#">东营</a>
<a href="//m.sbmmt.com/m/faq/#">大理</a>
<a href="//m.sbmmt.com/m/faq/#">大连</a>
<a href="//m.sbmmt.com/m/faq/#">东莞</a>
</dd>
<dt>E</dt>
<dd>
<a href="//m.sbmmt.com/m/faq/#">鄂尔多斯</a>
<a href="//m.sbmmt.com/m/faq/#">鄂州</a>
<a href="//m.sbmmt.com/m/faq/#">恩施</a>
</dd>
<dt>F</dt>
<dd>
<a href="//m.sbmmt.com/m/faq/#">福建</a>
<a href="//m.sbmmt.com/m/faq/#">福清</a>
<a href="//m.sbmmt.com/m/faq/#">阜阳</a>
<a href="//m.sbmmt.com/m/faq/#">抚州</a>
<a href="//m.sbmmt.com/m/faq/#">防城港</a>
<a href="//m.sbmmt.com/m/faq/#">阜新</a>
<a href="//m.sbmmt.com/m/faq/#">抚顺</a>
<a href="//m.sbmmt.com/m/faq/#">富阳</a>
<a href="//m.sbmmt.com/m/faq/#">佛山</a>
<a href="//m.sbmmt.com/m/faq/#">福州</a>
</dd>
<dt>G</dt>
<dd>
<a href="//m.sbmmt.com/m/faq/#">盖州</a>
<a href="//m.sbmmt.com/m/faq/#">固原</a>
<a href="//m.sbmmt.com/m/faq/#">高邮</a>
<a href="//m.sbmmt.com/m/faq/#">广汉</a>
<a href="//m.sbmmt.com/m/faq/#">贵港</a>
<a href="//m.sbmmt.com/m/faq/#">赣州</a>
<a href="//m.sbmmt.com/m/faq/#">贵阳</a>
<a href="//m.sbmmt.com/m/faq/#">桂林</a>
<a href="//m.sbmmt.com/m/faq/#">广州</a>
</dd>
</dl>
<dl class="none">
<dt>H</dt>
<dd>
<a href="//m.sbmmt.com/m/faq/#">华蓥</a>
<a href="//m.sbmmt.com/m/faq/#">侯马</a>
<a href="//m.sbmmt.com/m/faq/#">鹤山</a>
<a href="//m.sbmmt.com/m/faq/#">洪湖</a>
<a href="//m.sbmmt.com/m/faq/#">怀化</a>
<a href="//m.sbmmt.com/m/faq/#">淮北</a>
<a href="//m.sbmmt.com/m/faq/#">衡水</a>
<a href="//m.sbmmt.com/m/faq/#">河池</a>
<a href="//m.sbmmt.com/m/faq/#">鹤岗</a>
<a href="//m.sbmmt.com/m/faq/#">海门</a>
<a href="//m.sbmmt.com/m/faq/#">鹤壁</a>
<a href="//m.sbmmt.com/m/faq/#">海安</a>
<a href="//m.sbmmt.com/m/faq/#">黄冈</a>
<a href="//m.sbmmt.com/m/faq/#">汉中</a>
<a href="//m.sbmmt.com/m/faq/#">贺州</a>
<a href="//m.sbmmt.com/m/faq/#">呼伦贝尔</a>
<a href="//m.sbmmt.com/m/faq/#">黄石</a>
<a href="//m.sbmmt.com/m/faq/#">河源</a>
<a href="//m.sbmmt.com/m/faq/#">黄山</a>
<a href="//m.sbmmt.com/m/faq/#">淮南</a>
<a href="//m.sbmmt.com/m/faq/#">邯郸</a>
<a href="//m.sbmmt.com/m/faq/#">淮安</a>
<a href="//m.sbmmt.com/m/faq/#">海口</a>
<a href="//m.sbmmt.com/m/faq/#">葫芦岛</a>
<a href="//m.sbmmt.com/m/faq/#">菏泽</a>
<a href="//m.sbmmt.com/m/faq/#">衡阳</a>
<a href="//m.sbmmt.com/m/faq/#">合肥</a>
<a href="//m.sbmmt.com/m/faq/#">湖州</a>
<a href="//m.sbmmt.com/m/faq/#">哈尔滨</a>
<a href="//m.sbmmt.com/m/faq/#">红河</a>
<a href="//m.sbmmt.com/m/faq/#">惠州</a>
<a href="//m.sbmmt.com/m/faq/#">呼和浩特</a>
<a href="//m.sbmmt.com/m/faq/#">杭州</a>
</dd>
<dt>J</dt>
<dd>
<a href="//m.sbmmt.com/m/faq/#">晋江</a>
<a href="//m.sbmmt.com/m/faq/#">吉林</a>
<a href="//m.sbmmt.com/m/faq/#">金坛</a>
<a href="//m.sbmmt.com/m/faq/#">即墨</a>
<a href="//m.sbmmt.com/m/faq/#">吉安</a>
<a href="//m.sbmmt.com/m/faq/#">晋中</a>
<a href="//m.sbmmt.com/m/faq/#">句容</a>
<a href="//m.sbmmt.com/m/faq/#">酒泉</a>
<a href="//m.sbmmt.com/m/faq/#">胶州</a>
<a href="//m.sbmmt.com/m/faq/#">嘉峪关</a>
<a href="//m.sbmmt.com/m/faq/#">鸡西</a>
<a href="//m.sbmmt.com/m/faq/#">荆门</a>
<a href="//m.sbmmt.com/m/faq/#">荆州</a>
<a href="//m.sbmmt.com/m/faq/#">济源</a>
<a href="//m.sbmmt.com/m/faq/#">锦州</a>
<a href="//m.sbmmt.com/m/faq/#">焦作</a>
<a href="//m.sbmmt.com/m/faq/#">揭阳</a>
<a href="//m.sbmmt.com/m/faq/#">江阴</a>
<a href="//m.sbmmt.com/m/faq/#">景德镇</a>
<a href="//m.sbmmt.com/m/faq/#">晋城</a>
<a href="//m.sbmmt.com/m/faq/#">江门</a>
<a href="//m.sbmmt.com/m/faq/#">济南</a>
<a href="//m.sbmmt.com/m/faq/#">佳木斯</a>
<a href="//m.sbmmt.com/m/faq/#">济宁</a>
<a href="//m.sbmmt.com/m/faq/#">九江</a>
<a href="//m.sbmmt.com/m/faq/#">靖江</a>
<a href="//m.sbmmt.com/m/faq/#">建德</a>
<a href="//m.sbmmt.com/m/faq/#">金华</a>
<a href="//m.sbmmt.com/m/faq/#">嘉兴</a>
</dd>
<dt>K</dt>
<dd>
<a href="//m.sbmmt.com/m/faq/#">喀什</a>
<a href="//m.sbmmt.com/m/faq/#">凯里</a>
<a href="//m.sbmmt.com/m/faq/#">开平</a>
<a href="//m.sbmmt.com/m/faq/#">开封</a>
<a href="//m.sbmmt.com/m/faq/#">昆山</a>
<a href="//m.sbmmt.com/m/faq/#">昆明</a>
</dd>
<dt>L</dt>
<dd>
<a href="//m.sbmmt.com/m/faq/#">利川</a>
<a href="//m.sbmmt.com/m/faq/#">乐平</a>
<a href="//m.sbmmt.com/m/faq/#">临清</a>
<a href="//m.sbmmt.com/m/faq/#">龙口</a>
<a href="//m.sbmmt.com/m/faq/#">龙泉</a>
<a href="//m.sbmmt.com/m/faq/#">吕梁</a>
<a href="//m.sbmmt.com/m/faq/#">拉萨</a>
<a href="//m.sbmmt.com/m/faq/#">丽江</a>
<a href="//m.sbmmt.com/m/faq/#">临沧</a>
<a href="//m.sbmmt.com/m/faq/#">陇南</a>
<a href="//m.sbmmt.com/m/faq/#">漯河</a>
<a href="//m.sbmmt.com/m/faq/#">辽阳</a>
<a href="//m.sbmmt.com/m/faq/#">莱阳</a>
<a href="//m.sbmmt.com/m/faq/#">临海</a>
<a href="//m.sbmmt.com/m/faq/#">六盘水</a>
<a href="//m.sbmmt.com/m/faq/#">耒阳</a>
<a href="//m.sbmmt.com/m/faq/#">辽源</a>
<a href="//m.sbmmt.com/m/faq/#">六安</a>
<a href="//m.sbmmt.com/m/faq/#">临安</a>
<a href="//m.sbmmt.com/m/faq/#">溧阳</a>
<a href="//m.sbmmt.com/m/faq/#">泸州</a>
<a href="//m.sbmmt.com/m/faq/#">龙岩</a>
<a href="//m.sbmmt.com/m/faq/#">丽水</a>
<a href="//m.sbmmt.com/m/faq/#">连云港</a>
<a href="//m.sbmmt.com/m/faq/#">临沂</a>
<a href="//m.sbmmt.com/m/faq/#">柳州</a>
<a href="//m.sbmmt.com/m/faq/#">莱芜</a>
<a href="//m.sbmmt.com/m/faq/#">聊城</a>
<a href="//m.sbmmt.com/m/faq/#">乐山</a>
<a href="//m.sbmmt.com/m/faq/#">临汾</a>
<a href="//m.sbmmt.com/m/faq/#">洛阳</a>
<a href="//m.sbmmt.com/m/faq/#">廊坊</a>
<a href="//m.sbmmt.com/m/faq/#">娄底</a>
<a href="//m.sbmmt.com/m/faq/#">兰州</a>
</dd>
</dl>
<dl class="none">
<dt>M</dt>
<dd>
<a href="//m.sbmmt.com/m/faq/#">麻城</a>
<a href="//m.sbmmt.com/m/faq/#">眉山</a>
<a href="//m.sbmmt.com/m/faq/#">梅州</a>
<a href="//m.sbmmt.com/m/faq/#">茂名</a>
<a href="//m.sbmmt.com/m/faq/#">牡丹江</a>
<a href="//m.sbmmt.com/m/faq/#">绵阳</a>
<a href="//m.sbmmt.com/m/faq/#">马鞍山</a>
</dd>
<dt>N</dt>
<dd>
<a href="//m.sbmmt.com/m/faq/#">宁国</a>
<a href="//m.sbmmt.com/m/faq/#">南平</a>
<a href="//m.sbmmt.com/m/faq/#">宁德</a>
<a href="//m.sbmmt.com/m/faq/#">内江</a>
<a href="//m.sbmmt.com/m/faq/#">南充</a>
<a href="//m.sbmmt.com/m/faq/#">南阳</a>
<a href="//m.sbmmt.com/m/faq/#">南昌</a>
<a href="//m.sbmmt.com/m/faq/#">南京</a>
<a href="//m.sbmmt.com/m/faq/#">南宁</a>
<a href="//m.sbmmt.com/m/faq/#">宁波</a>
<a href="//m.sbmmt.com/m/faq/#">南通</a>
</dd>
<dt>P</dt>
<dd>
<a href="//m.sbmmt.com/m/faq/#">普洱</a>
<a href="//m.sbmmt.com/m/faq/#">邳州</a>
<a href="//m.sbmmt.com/m/faq/#">平凉</a>
<a href="//m.sbmmt.com/m/faq/#">攀枝花</a>
<a href="//m.sbmmt.com/m/faq/#">萍乡</a>
<a href="//m.sbmmt.com/m/faq/#">盘锦</a>
<a href="//m.sbmmt.com/m/faq/#">濮阳</a>
<a href="//m.sbmmt.com/m/faq/#">平顶山</a>
<a href="//m.sbmmt.com/m/faq/#">莆田</a>
</dd>
<dt>Q</dt>
<dd>
<a href="//m.sbmmt.com/m/faq/#">青州</a>
<a href="//m.sbmmt.com/m/faq/#">琼海</a>
<a href="//m.sbmmt.com/m/faq/#">曲靖</a>
<a href="//m.sbmmt.com/m/faq/#">潜江</a>
<a href="//m.sbmmt.com/m/faq/#">钦州</a>
<a href="//m.sbmmt.com/m/faq/#">迁安</a>
<a href="//m.sbmmt.com/m/faq/#">启东</a>
<a href="//m.sbmmt.com/m/faq/#">齐齐哈尔</a>
<a href="//m.sbmmt.com/m/faq/#">秦皇岛</a>
<a href="//m.sbmmt.com/m/faq/#">泉州</a>
<a href="//m.sbmmt.com/m/faq/#">清远</a>
<a href="//m.sbmmt.com/m/faq/#">青岛</a>
<a href="//m.sbmmt.com/m/faq/#">衢州</a>
</dd>
<dt>R</dt>
<dd>
<a href="//m.sbmmt.com/m/faq/#">仁怀</a>
<a href="//m.sbmmt.com/m/faq/#">如皋</a>
<a href="//m.sbmmt.com/m/faq/#">日照</a>
<a href="//m.sbmmt.com/m/faq/#">瑞安</a>
</dd>
<dt>S</dt>
<dd>
<a href="//m.sbmmt.com/m/faq/#">什邡</a>
<a href="//m.sbmmt.com/m/faq/#">尚志</a>
<a href="//m.sbmmt.com/m/faq/#">寿光</a>
<a href="//m.sbmmt.com/m/faq/#">三河市</a>
<a href="//m.sbmmt.com/m/faq/#">韶山</a>
<a href="//m.sbmmt.com/m/faq/#">上虞</a>
<a href="//m.sbmmt.com/m/faq/#">宿州</a>
<a href="//m.sbmmt.com/m/faq/#">汕尾</a>
<a href="//m.sbmmt.com/m/faq/#">商洛</a>
<a href="//m.sbmmt.com/m/faq/#">射阳</a>
<a href="//m.sbmmt.com/m/faq/#">绥化</a>
<a href="//m.sbmmt.com/m/faq/#">随州</a>
<a href="//m.sbmmt.com/m/faq/#">三门峡</a>
<a href="//m.sbmmt.com/m/faq/#">石嘴山</a>
<a href="//m.sbmmt.com/m/faq/#">四平</a>
<a href="//m.sbmmt.com/m/faq/#">遂宁</a>
<a href="//m.sbmmt.com/m/faq/#">石河子</a>
<a href="//m.sbmmt.com/m/faq/#">松原</a>
<a href="//m.sbmmt.com/m/faq/#">上饶</a>
<a href="//m.sbmmt.com/m/faq/#">韶关</a>
<a href="//m.sbmmt.com/m/faq/#">三亚</a>
<a href="//m.sbmmt.com/m/faq/#">十堰</a>
<a href="//m.sbmmt.com/m/faq/#">商丘</a>
<a href="//m.sbmmt.com/m/faq/#">宿迁</a>
<a href="//m.sbmmt.com/m/faq/#">汕头</a>
<a href="//m.sbmmt.com/m/faq/#">邵阳</a>
<a href="//m.sbmmt.com/m/faq/#">三明</a>
<a href="//m.sbmmt.com/m/faq/#">绍兴</a>
<a href="//m.sbmmt.com/m/faq/#">苏州</a>
<a href="//m.sbmmt.com/m/faq/#">石家庄</a>
<a href="//m.sbmmt.com/m/faq/#">深圳</a>
<a href="//m.sbmmt.com/m/faq/#">沈阳</a>
<a href="//m.sbmmt.com/m/faq/#">上海</a>
</dd>
<dt>T</dt>
<dd>
<a href="//m.sbmmt.com/m/faq/#">泰兴</a>
<a href="//m.sbmmt.com/m/faq/#">铜仁</a>
<a href="//m.sbmmt.com/m/faq/#">通辽</a>
<a href="//m.sbmmt.com/m/faq/#">铜川</a>
<a href="//m.sbmmt.com/m/faq/#">铁岭</a>
<a href="//m.sbmmt.com/m/faq/#">天门</a>
<a href="//m.sbmmt.com/m/faq/#">通化</a>
<a href="//m.sbmmt.com/m/faq/#">天水</a>
<a href="//m.sbmmt.com/m/faq/#">滕州</a>
<a href="//m.sbmmt.com/m/faq/#">铜陵</a>
<a href="//m.sbmmt.com/m/faq/#">桐乡</a>
<a href="//m.sbmmt.com/m/faq/#">泰安</a>
<a href="//m.sbmmt.com/m/faq/#">泰州</a>
<a href="//m.sbmmt.com/m/faq/#">台州</a>
<a href="//m.sbmmt.com/m/faq/#">唐山</a>
<a href="//m.sbmmt.com/m/faq/#">太原</a>
<a href="//m.sbmmt.com/m/faq/#">天津</a>
</dd>
</dl>
<dl class="none">
<dt>W</dt>
<dd>
<a href="//m.sbmmt.com/m/faq/#">乌兰浩特</a>
<a href="//m.sbmmt.com/m/faq/#">乌海</a>
<a href="//m.sbmmt.com/m/faq/#">武威</a>
<a href="//m.sbmmt.com/m/faq/#">渭南</a>
<a href="//m.sbmmt.com/m/faq/#">乌鲁木齐</a>
<a href="//m.sbmmt.com/m/faq/#">芜湖</a>
<a href="//m.sbmmt.com/m/faq/#">温州</a>
<a href="//m.sbmmt.com/m/faq/#">吴江</a>
<a href="//m.sbmmt.com/m/faq/#">潍坊</a>
<a href="//m.sbmmt.com/m/faq/#">威海</a>
<a href="//m.sbmmt.com/m/faq/#">无锡</a>
<a href="//m.sbmmt.com/m/faq/#">梧州</a>
<a href="//m.sbmmt.com/m/faq/#">武汉</a>
</dd>
<dt>X</dt>
<dd>
<a href="//m.sbmmt.com/m/faq/#">西昌</a>
<a href="//m.sbmmt.com/m/faq/#">兴城</a>
<a href="//m.sbmmt.com/m/faq/#">湘西</a>
<a href="//m.sbmmt.com/m/faq/#">西双版纳</a>
<a href="//m.sbmmt.com/m/faq/#">仙桃</a>
<a href="//m.sbmmt.com/m/faq/#">咸宁</a>
<a href="//m.sbmmt.com/m/faq/#">许昌</a>
<a href="//m.sbmmt.com/m/faq/#">孝感</a>
<a href="//m.sbmmt.com/m/faq/#">宣城</a>
<a href="//m.sbmmt.com/m/faq/#">新余</a>
<a href="//m.sbmmt.com/m/faq/#">信阳</a>
<a href="//m.sbmmt.com/m/faq/#">咸阳</a>
<a href="//m.sbmmt.com/m/faq/#">西宁</a>
<a href="//m.sbmmt.com/m/faq/#">湘潭</a>
<a href="//m.sbmmt.com/m/faq/#">新乡</a>
<a href="//m.sbmmt.com/m/faq/#">襄阳</a>
<a href="//m.sbmmt.com/m/faq/#">邢台</a>
<a href="//m.sbmmt.com/m/faq/#">厦门</a>
<a href="//m.sbmmt.com/m/faq/#">徐州</a>
<a href="//m.sbmmt.com/m/faq/#">西安</a>
</dd>
<dt>Y</dt>
<dd>
<a href="//m.sbmmt.com/m/faq/#">兖州</a>
<a href="//m.sbmmt.com/m/faq/#">余姚</a>
<a href="//m.sbmmt.com/m/faq/#">义乌</a>
<a href="//m.sbmmt.com/m/faq/#">玉林</a>
<a href="//m.sbmmt.com/m/faq/#">云浮</a>
<a href="//m.sbmmt.com/m/faq/#">鹰潭</a>
<a href="//m.sbmmt.com/m/faq/#">扬中</a>
<a href="//m.sbmmt.com/m/faq/#">玉溪</a>
<a href="//m.sbmmt.com/m/faq/#">益阳</a>
<a href="//m.sbmmt.com/m/faq/#">永州</a>
<a href="//m.sbmmt.com/m/faq/#">延安</a>
<a href="//m.sbmmt.com/m/faq/#">宜宾</a>
<a href="//m.sbmmt.com/m/faq/#">宜春</a>
<a href="//m.sbmmt.com/m/faq/#">延边</a>
<a href="//m.sbmmt.com/m/faq/#">榆林</a>
<a href="//m.sbmmt.com/m/faq/#">岳阳</a>
<a href="//m.sbmmt.com/m/faq/#">宜兴</a>
<a href="//m.sbmmt.com/m/faq/#">运城</a>
<a href="//m.sbmmt.com/m/faq/#">银川</a>
<a href="//m.sbmmt.com/m/faq/#">盐城</a>
<a href="//m.sbmmt.com/m/faq/#">伊犁</a>
<a href="//m.sbmmt.com/m/faq/#">营口</a>
<a href="//m.sbmmt.com/m/faq/#">阳泉</a>
<a href="//m.sbmmt.com/m/faq/#">宜昌</a>
<a href="//m.sbmmt.com/m/faq/#">扬州</a>
<a href="//m.sbmmt.com/m/faq/#">阳江</a>
<a href="//m.sbmmt.com/m/faq/#">仪征</a>
<a href="//m.sbmmt.com/m/faq/#">烟台</a>
</dd>
<dt>Z</dt>
<dd>
<a href="//m.sbmmt.com/m/faq/#">邹城</a>
<a href="//m.sbmmt.com/m/faq/#">中卫</a>
<a href="//m.sbmmt.com/m/faq/#">张掖</a>
<a href="//m.sbmmt.com/m/faq/#">张家界</a>
<a href="//m.sbmmt.com/m/faq/#">诸城</a>
<a href="//m.sbmmt.com/m/faq/#">资阳</a>
<a href="//m.sbmmt.com/m/faq/#">遵义</a>
<a href="//m.sbmmt.com/m/faq/#">舟山</a>
<a href="//m.sbmmt.com/m/faq/#">张家口</a>
<a href="//m.sbmmt.com/m/faq/#">张家港</a>
<a href="//m.sbmmt.com/m/faq/#">漳州</a>
<a href="//m.sbmmt.com/m/faq/#">枣庄</a>
<a href="//m.sbmmt.com/m/faq/#">珠海</a>
<a href="//m.sbmmt.com/m/faq/#">淄博</a>
<a href="//m.sbmmt.com/m/faq/#">自贡</a>
<a href="//m.sbmmt.com/m/faq/#">驻马店</a>
<a href="//m.sbmmt.com/m/faq/#">株洲</a>
<a href="//m.sbmmt.com/m/faq/#">肇庆</a>
<a href="//m.sbmmt.com/m/faq/#">镇江</a>
<a href="//m.sbmmt.com/m/faq/#">中山</a>
<a href="//m.sbmmt.com/m/faq/#">郑州</a>
<a href="//m.sbmmt.com/m/faq/#">湛江</a>
<a href="//m.sbmmt.com/m/faq/#">周口</a>
</dd>
</dl>
</p>
</p>
<p style="text-align:center;clear:both">
</p>
</body>
</html>相信看了本文案例你已经掌握了方法，更多精彩请关注php中文网其它相关文章！
推荐阅读：
以上就是jQuery实现省份城市滑动切换（附代码）的详细内容，更多请关注php中文网其它相关文章！
已抢65058个
抢
已抢28197个
抢
已抢15219个
抢
已抢7636个
抢
已抢9519个
抢
已抢19306个
抢