jQuery按拼音首字母选择城市特效代码

版权：原创更新时间：1年以上
[该文章底部包含文件资源,可根据自己情况,决定是否下载资源使用,时间>金钱,如有需要,立即查看资源]
以下是 jQuery按拼音首字母选择城市特效代码的示例演示效果:
当前平台(PC电脑)
平台:
整屏预览
部分效果截图:
HTML代码(index.html):
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>jQuery按拼音首字母选择城市</title>
<style type="text/css">
<!--
body {
	padding-bottom: 0px; margin: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px
}
div {
	padding-bottom: 0px; margin: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px
}
dl {
	padding-bottom: 0px; margin: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px
}
dt {
	padding-bottom: 0px; margin: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px
}
dd {
	padding-bottom: 0px; margin: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px
}
ul {
	padding-bottom: 0px; margin: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px
}
ol {
	padding-bottom: 0px; margin: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px
}
li {
	padding-bottom: 0px; margin: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px
}
h1 {
	padding-bottom: 0px; margin: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px
}
h2 {
	padding-bottom: 0px; margin: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px
}

p {
	padding-bottom: 0px; margin: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px
}

li {
	list-style-type: none; list-style-image: none
}

h2 {
	font-size: 100%
}

#change-city{width:1000px; margin:50px auto;}
#change-city .choosecities {
	BORDER-BOTTOM: #a3d7df 1px solid; BORDER-LEFT: #a3d7df 1px solid; PADDING-BOTTOM: 60px; BACKGROUND: #fff; BORDER-TOP: #a3d7df 1px solid; BORDER-RIGHT: #a3d7df 1px solid; box-shadow: 0 0 1px #d4edf4
}
#change-city .choosecities A:hover {
	TEXT-DECORATION: none
}

#change-city .citieslist H2 {
	POSITION: relative; PADDING-BOTTOM: 0px; LINE-HEIGHT: 30px; MARGIN: 20px 20px 12px; PADDING-LEFT: 14px; PADDING-RIGHT: 14px; ZOOM: 1; DISPLAY: inline-block; BACKGROUND: #00c7c7; HEIGHT: 32px; COLOR: #fff; PADDING-TOP: 0px; border-radius: 0
}
#change-city .citieslist H2 SPAN {
	BORDER-BOTTOM: #fff 6px solid; POSITION: absolute; BORDER-LEFT: #fff 6px solid; LINE-HEIGHT: 0; WIDTH: 0px; DISPLAY: block; FLOAT: none; HEIGHT: 0px; FONT-SIZE: 0px; BORDER-TOP: #00c7c7 6px solid; TOP: 32px; BORDER-RIGHT: #fff 6px solid; LEFT: 20px
}
#change-city .citieslist LI {
	BORDER-BOTTOM: #fff 1px solid; BORDER-TOP: #fff 1px solid
}
#change-city .citieslist P {
	BORDER-BOTTOM: #fff 1px solid; PADDING-BOTTOM: 6px; PADDING-LEFT: 30px; PADDING-RIGHT: 10px; BORDER-TOP: #fff 1px solid; PADDING-TOP: 6px
}
#change-city .citieslist SPAN.label {
	BORDER-BOTTOM: #ddd 1px solid; BORDER-LEFT: #ddd 1px solid; LINE-HEIGHT: 24px; WIDTH: 30px; ZOOM: 1; DISPLAY: inline-block; HEIGHT: 30px; COLOR: #666; VERTICAL-ALIGN: top; BORDER-TOP: #ddd 1px solid; MARGIN-RIGHT: 5px; BORDER-RIGHT: #ddd 1px solid; border-radius: 0
}
#change-city .citieslist SPAN.label STRONG {
	BORDER-BOTTOM: #f7f7f7 1px solid; TEXT-ALIGN: center; BORDER-LEFT: #f7f7f7 1px solid; WIDTH: 28px; DISPLAY: block; FONT-FAMILY: Tahoma; BACKGROUND: #f1f1f1; HEIGHT: 28px; FONT-SIZE: 16px; BORDER-TOP: #f7f7f7 1px solid; BORDER-RIGHT: #f7f7f7 1px solid; border-radius: 0
}
#change-city .citieslist SPAN {
	WIDTH: 880px; ZOOM: 1; DISPLAY: inline-block; VERTICAL-ALIGN: top
}
#change-city .citieslist SPAN I {
	FONT-STYLE: normal; MARGIN: 0px 3px; COLOR: #ccc
}
#change-city .citieslist .hover {
	BORDER-BOTTOM-COLOR: #e5e5e5; BORDER-TOP-COLOR: #e5e5e5; BORDER-RIGHT-COLOR: #e5e5e5; BORDER-LEFT-COLOR: #e5e5e5
}
#change-city .citieslist .hover P {
	BACKGROUND: #f7f7f7
}
#change-city .citieslist .hover SPAN.label {
	BORDER-BOTTOM-COLOR: #1fb7bb; BORDER-TOP-COLOR: #1fb7bb; BORDER-RIGHT-COLOR: #1fb7bb; BORDER-LEFT-COLOR: #1fb7bb
}
#change-city .citieslist .hover SPAN.label STRONG {
	BORDER-BOTTOM-COLOR: #00c7c7; BORDER-TOP-COLOR: #00c7c7; BACKGROUND: #00c7c7; COLOR: #fff; BORDER-RIGHT-COLOR: #00c7c7; BORDER-LEFT-COLOR: #00c7c7
}
#change-city .citieslist A {
	PADDING-BOTTOM: 1px; LINE-HEIGHT: 20px; MARGIN: 5px 10px; PADDING: 5px 10px;  ZOOM: 1; DISPLAY: inline-block; HEIGHT: 20px;  border-radius: 0
}
#change-city .citieslist A:hover {
	BACKGROUND: #00c7c7; COLOR: #fff
}
#change-city .citieslist .isonline {
	FONT-WEIGHT: bold
}
#change-city .citieslist .isoffline {
	FONT-WEIGHT: bold
}
#bdw {
	MIN-HEIGHT: 500px
}
.cf {
	ZOOM: 1
}
.cf:after {
	DISPLAY: block; HEIGHT: 0px; VISIBILITY: hidden; CLEAR: both; OVERFLOW: hidden; CONTENT: ''
}
H2 {
	PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px
}

BODY {
	FONT: 14px/1.5 Tahoma, Helvetica, arial, sans-serif; BACKGROUND: #d6e9ec; COLOR: #000
}
A {
	COLOR: #399; TEXT-DECORATION: none
}
A:hover {
	TEXT-DECORATION: underline
}
SPAN.money {
	FONT-FAMILY: arial
}
SPAN.required {
	COLOR: red
}
-->
</style>
</head>
<body>
<div id="change-city">
  <div id="bdw" class="bdw">
    <div id="bd" class="cf">
      <div class="choosecities">
        <div class="citieslist">
          <h2>按拼音首字母选择<span class="arrow">&raquo;</span></h2>
          <ol class="hasallcity">
            <li id="city-A">
              <p class="cf"><span class="label"><strong>A</strong></span><span><a class="isonline" href="http://www.baidu.com">鞍山</a><a class="isoffline" href="http://www.baidu.com">安顺</a><a class="isoffline" href="http://www.baidu.com">阿坝</a><a class="isoffline" href="http://www.baidu.com">阿拉善</a><a class="isoffline" href="http://www.baidu.com">阿里</a><a class="isoffline" href="http://www.baidu.com">安康</a><a class="isoffline" href="http://www.baidu.com">阿克苏</a><a class="isoffline" href="http://www.baidu.com">安庆</a><a class="isoffline" href="http://www.baidu.com">阿勒泰</a><a class="isoffline" href="http://www.baidu.com">安阳</a><a class="isoffline" href="http://www.baidu.com">澳门</a></span></p>
            </li>
            <li id="city-B">
              <p class="cf"><span class="label"><strong>B</strong></span><span><a class="isonline" href="http://www.baidu.com">北京</a><a class="isonline" href="http://www.baidu.com">包头</a><a class="isoffline" href="http://www.baidu.com">保定</a><a class="isoffline" href="http://www.baidu.com">巴中</a><a class="isoffline" href="http://www.baidu.com">蚌埠</a><a class="isoffline" href="http://www.baidu.com">白银</a><a class="isoffline" href="http://www.baidu.com">白城</a><a class="isoffline" href="http://www.baidu.com">白山</a><a class="isoffline" href="http://www.baidu.com">北海</a><a class="isoffline" href="http://www.baidu.com">巴彦淖尔</a><a class="isoffline" href="http://www.baidu.com">宝鸡</a><a class="isoffline" href="http://www.baidu.com">百色</a><a class="isoffline" href="http://www.baidu.com">本溪</a><a class="isoffline" href="http://www.baidu.com">保山</a><a class="isoffline" href="http://www.baidu.com">毕节</a><a class="isoffline" href="http://www.baidu.com">博尔塔拉</a><a class="isoffline" href="http://www.baidu.com">滨州</a><a class="isoffline" href="http://www.baidu.com">亳州</a><a class="isoffline" href="http://www.baidu.com">巴州</a></span></p>
            </li>
            <li id="city-C">
              <p class="cf"><span class="label"><strong>C</strong></span><span><a class="isonline" href="http://www.baidu.com">成都</a><a class="isonline" href="http://www.baidu.com">重庆</a><a class="isonline" href="http://www.baidu.com">常州</a><a class="isonline" href="http://www.baidu.com">长沙</a><a class="isonline" href="http://www.baidu.com">长春</a><a class="isoffline" href="http://www.baidu.com">赤峰</a><a class="isoffline" href="http://www.baidu.com">楚雄</a><a class="isoffline" href="http://www.baidu.com">长治</a><a class="isoffline" href="http://www.baidu.com">巢湖</a><a class="isoffline" href="http://www.baidu.com">崇左</a><a class="isoffline" href="http://www.baidu.com">潮州</a><a class="isoffline" href="http://www.baidu.com">昌吉</a><a class="isoffline" href="http://www.baidu.com">沧州</a><a class="isoffline" href="http://www.baidu.com">郴州</a><a class="isoffline" href="http://www.baidu.com">常德</a><a class="isoffline" href="http://www.baidu.com">滁州</a><a class="isoffline" href="http://www.baidu.com">朝阳</a><a class="isoffline" href="http://www.baidu.com">昌都</a><a class="isoffline" href="http://www.baidu.com">池州</a><a class="isoffline" href="http://www.baidu.com">承德</a></span></p>
            </li>
            <li id="city-D">
              <p class="cf"><span class="label"><strong>D</strong></span><span><a class="isonline" href="http://www.baidu.com">东莞</a><a class="isonline" href="http://www.baidu.com">大连</a><a class="isonline" href="http://www.baidu.com">东营</a><a class="isoffline" href="http://www.baidu.com">大庆</a><a class="isoffline" href="http://www.baidu.com">大同</a><a class="isoffline" href="http://www.baidu.com">大理</a><a class="isoffline" href="http://www.baidu.com">德阳</a><a class="isoffline" href="http://www.baidu.com">迪庆</a><a class="isoffline" href="http://www.baidu.com">达州</a><a class="isoffline" href="http://www.baidu.com">德州</a><a class="isoffline" href="http://www.baidu.com">丹东</a><a class="isoffline" href="http://www.baidu.com">大兴安岭</a><a class="isoffline" href="http://www.baidu.com">德宏</a><a class="isoffline" href="http://www.baidu.com">定西</a></span></p>
            </li>
            <li id="city-E">
              <p class="cf"><span class="label"><strong>E</strong></span><span><a class="isoffline" href="http://www.baidu.com">恩施</a><a class="isoffline" href="http://www.baidu.com">鄂州</a><a class="isoffline" href="http://www.baidu.com">鄂尔多斯</a></span></p>
            </li>
            <li id="city-F">
              <p class="cf"><span class="label"><strong>F</strong></span><span><a class="isonline" href="http://www.baidu.com">福州</a><a class="isonline" href="http://www.baidu.com">佛山</a><a class="isonline" href="http://www.baidu.com">抚顺</a><a class="isoffline" href="http://www.baidu.com">阜阳</a><a class="isoffline" href="http://www.baidu.com">抚州</a><a class="isoffline" href="http://www.baidu.com">防城港</a><a class="isoffline" href="http://www.baidu.com">阜新</a></span></p>
            </li>
            <li id="city-G">
              <p class="cf"><span class="label"><strong>G</strong></span><span><a class="isonline" href="http://www.baidu.com">广州</a><a class="isonline" href="http://www.baidu.com">贵阳</a><a class="isonline" href="http://www.baidu.com">桂林</a><a class="isoffline" href="http://www.baidu.com">赣州</a><a class="isoffline" href="http://www.baidu.com">广元</a><a class="isoffline" href="http://www.baidu.com">果洛</a><a class="isoffline" href="http://www.baidu.com">固原</a><a class="isoffline" href="http://www.baidu.com">甘南</a><a class="isoffline" href="http://www.baidu.com">甘孜</a><a class="isoffline" href="http://www.baidu.com">广安</a><a class="isoffline" href="http://www.baidu.com">贵港</a></span></p>
            </li>
            <li id="city-H">
              <p class="cf"><span class="label"><strong>H</strong></span><span><a class="isonline" href="http://www.baidu.com">杭州</a><a class="isonline" href="http://www.baidu.com">哈尔滨</a><a class="isonline" href="http://www.baidu.com">合肥</a><a class="isonline" href="http://www.baidu.com">邯郸</a><a class="isonline" href="http://www.baidu.com">惠州</a><a class="isonline" href="http://www.baidu.com">海口</a><a class="isonline" href="http://www.baidu.com">呼和浩特</a><a class="isonline" href="http://www.baidu.com">衡阳</a><a class="isonline" href="http://www.baidu.com">湖州</a><a class="isoffline" href="http://www.baidu.com">淮北</a><a class="isoffline" href="http://www.baidu.com">鹤岗</a><a class="isoffline" href="http://www.baidu.com">海北</a><a class="isoffline" href="http://www.baidu.com">海东</a><a class="isoffline" href="http://www.baidu.com">黄南</a><a class="isoffline" href="http://www.baidu.com">菏泽</a><a class="isoffline" href="http://www.baidu.com">海南州</a><a class="isoffline" href="http://www.baidu.com">黑河</a><a class="isoffline" href="http://www.baidu.com">和田</a><a class="isoffline" href="http://www.baidu.com">哈密</a><a class="isoffline" href="http://www.baidu.com">淮安</a><a class="isoffline" href="http://www.baidu.com">淮南</a><a class="isoffline" href="http://www.baidu.com">黄山</a><a class="isoffline" href="http://www.baidu.com">海西</a><a class="isoffline" href="http://www.baidu.com">贺州</a><a class="isoffline" href="http://www.baidu.com">怀化</a><a class="isoffline" href="http://www.baidu.com">河池</a><a class="isoffline" href="http://www.baidu.com">呼伦贝尔</a><a class="isoffline" href="http://www.baidu.com">衡水</a><a class="isoffline" href="http://www.baidu.com">河源</a><a class="isoffline" href="http://www.baidu.com">红河</a><a class="isoffline" href="http://www.baidu.com">汉中</a><a class="isoffline" href="http://www.baidu.com">黄冈</a><a class="isoffline" href="http://www.baidu.com">黄石</a><a class="isoffline" href="http://www.baidu.com">鹤壁</a><a class="isoffline" href="http://www.baidu.com">葫芦岛</a></span></p>
            </li>
            <li id="city-J">
              <p class="cf"><span class="label"><strong>J</strong></span><span><a class="isonline" href="http://www.baidu.com">济南</a><a class="isonline" href="http://www.baidu.com">济宁</a><a class="isonline" href="http://www.baidu.com">嘉兴</a><a class="isonline" href="http://www.baidu.com">金华</a><a class="isonline" href="http://www.baidu.com">焦作</a><a class="isonline" href="http://www.baidu.com">荆州</a><a class="isonline" href="http://www.baidu.com">吉林</a><a class="isonline" href="http://www.baidu.com">锦州</a><a class="isonline" href="http://www.baidu.com">江门</a><a class="isoffline" href="http://www.baidu.com">景德镇</a><a class="isoffline" href="http://www.baidu.com">吉安</a><a class="isoffline" href="http://www.baidu.com">佳木斯</a><a class="isoffline" href="http://www.baidu.com">酒泉</a><a class="isoffline" href="http://www.baidu.com">金昌</a><a class="isoffline" href="http://www.baidu.com">鸡西</a><a class="isoffline" href="http://www.baidu.com">济源</a><a class="isoffline" href="http://www.baidu.com">晋城</a><a class="isoffline" href="http://www.baidu.com">揭阳</a><a class="isoffline" href="http://www.baidu.com">晋中</a><a class="isoffline" href="http://www.baidu.com">荆门</a><a class="isoffline" href="http://www.baidu.com">九江</a></span></p>
            </li>
            <li id="city-K">
              <p class="cf"><span class="label"><strong>K</strong></span><span><a class="isonline" href="http://www.baidu.com">昆明</a><a class="isonline" href="http://www.baidu.com">昆山</a><a class="isoffline" href="http://www.baidu.com">喀什</a><a class="isoffline" href="http://www.baidu.com">克拉玛依</a><a class="isoffline" href="http://www.baidu.com">开封</a><a class="isoffline" href="http://www.baidu.com">克州</a></span></p>
            </li>
            <li id="city-L">
              <p class="cf"><span class="label"><strong>L</strong></span><span><a class="isonline" href="http://www.baidu.com">兰州</a><a class="isonline" href="http://www.baidu.com">临沂</a><a class="isonline" href="http://www.baidu.com">连云港</a><a class="isonline" href="http://www.baidu.com">聊城</a><a class="isonline" href="http://www.baidu.com">临汾</a><a class="isonline" href="http://www.baidu.com">柳州</a><a class="isonline" href="http://www.baidu.com">洛阳</a><a class="isonline" href="http://www.baidu.com">廊坊</a><a class="isoffline" href="http://www.baidu.com">龙岩</a><a class="isoffline" href="http://www.baidu.com">六盘水</a><a class="isoffline" href="http://www.baidu.com">凉山</a><a class="isoffline" href="http://www.baidu.com">六安</a><a class="isoffline" href="http://www.baidu.com">丽江</a><a class="isoffline" href="http://www.baidu.com">临沧</a><a class="isoffline" href="http://www.baidu.com">陇南</a><a class="isoffline" href="http://www.baidu.com">拉萨</a><a class="isoffline" href="http://www.baidu.com">辽源</a><a class="isoffline" href="http://www.baidu.com">辽阳</a><a class="isoffline" href="http://www.baidu.com">莱芜</a><a class="isoffline" href="http://www.baidu.com">漯河</a><a class="isoffline" href="http://www.baidu.com">吕梁</a><a class="isoffline" href="http://www.baidu.com">丽水</a><a class="isoffline" href="http://www.baidu.com">临夏</a><a class="isoffline" href="http://www.baidu.com">林芝</a><a class="isoffline" href="http://www.baidu.com">娄底</a><a class="isoffline" href="http://www.baidu.com">来宾</a><a class="isoffline" href="http://www.baidu.com">泸州</a><a class="isoffline" href="http://www.baidu.com">乐山</a></span></p>
            </li>
            <li id="city-M">
              <p class="cf"><span class="label"><strong>M</strong></span><span><a class="isoffline" href="http://www.baidu.com">马鞍山</a><a class="isoffline" href="http://www.baidu.com">绵阳</a><a class="isoffline" href="http://www.baidu.com">茂名</a><a class="isoffline" href="http://www.baidu.com">牡丹江</a><a class="isoffline" href="http://www.baidu.com">梅州</a><a class="isoffline" href="http://www.baidu.com">眉山</a></span></p>
            </li>
            <li id="city-N">
              <p class="cf"><span class="label"><strong>N</strong></span><span><a class="isonline" href="http://www.baidu.com">南京</a><a class="isonline" href="http://www.baidu.com">宁波</a><a class="isonline" href="http://www.baidu.com">南通</a><a class="isonline" href="http://www.baidu.com">南宁</a><a class="isonline" href="http://www.baidu.com">南昌</a><a class="isoffline" href="http://www.baidu.com">南充</a><a class="isoffline" href="http://www.baidu.com">宁德</a><a class="isoffline" href="http://www.baidu.com">内江</a><a class="isoffline" href="http://www.baidu.com">怒江</a><a class="isoffline" href="http://www.baidu.com">南平</a><a class="isoffline" href="http://www.baidu.com">南阳</a><a class="isoffline" href="http://www.baidu.com">那曲</a></span></p>
            </li>
            <li id="city-P">
              <p class="cf"><span class="label"><strong>P</strong></span><span><a class="isoffline" href="http://www.baidu.com">萍乡</a><a class="isoffline" href="http://www.baidu.com">平顶山</a><a class="isoffline" href="http://www.baidu.com">莆田</a><a class="isoffline" href="http://www.baidu.com">濮阳</a><a class="isoffline" href="http://www.baidu.com">攀枝花</a><a class="isoffline" href="http://www.baidu.com">平凉</a><a class="isoffline" href="http://www.baidu.com">普洱</a><a class="isoffline" href="http://www.baidu.com">盘锦</a></span></p>
            </li>
            <li id="city-Q">
              <p class="cf"><span class="label"><strong>Q</strong></span><span><a class="isonline" href="http://www.baidu.com">青岛</a><a class="isonline" href="http://www.baidu.com">泉州</a><a class="isonline" href="http://www.baidu.com">秦皇岛</a><a class="isonline" href="http://www.baidu.com">齐齐哈尔</a><a class="isoffline" href="http://www.baidu.com">庆阳</a><a class="isoffline" href="http://www.baidu.com">衢州</a><a class="isoffline" href="http://www.baidu.com">黔西南</a><a class="isoffline" href="http://www.baidu.com">钦州</a><a class="isoffline" href="http://www.baidu.com">黔南</a><a class="isoffline" href="http://www.baidu.com">曲靖</a><a class="isoffline" href="http://www.baidu.com">黔东南</a><a class="isoffline" href="http://www.baidu.com">七台河</a><a class="isoffline" href="http://www.baidu.com">清远</a></span></p>
            </li>
            <li id="city-R">
              <p class="cf"><span class="label"><strong>R</strong></span><span><a class="isoffline" href="http://www.baidu.com">日照</a><a class="isoffline" href="http://www.baidu.com">日喀则</a></span></p>
            </li>
            <li id="city-S">
              <p class="cf"><span class="label"><strong>S</strong></span><span><a class="isonline" href="http://www.baidu.com">上海</a><a class="isonline" href="http://www.baidu.com">深圳</a><a class="isonline" href="http://www.baidu.com">沈阳</a><a class="isonline" href="http://www.baidu.com">苏州</a><a class="isonline" href="http://www.baidu.com">石家庄</a><a class="isonline" href="http://www.baidu.com">绍兴</a><a class="isonline" href="http://www.baidu.com">顺德</a><a class="isonline" href="http://www.baidu.com">三亚</a><a class="isoffline" href="http://www.baidu.com">韶关</a><a class="isoffline" href="http://www.baidu.com">绥化</a><a class="isoffline" href="http://www.baidu.com">松原</a><a class="isoffline" href="http://www.baidu.com">上饶</a><a class="isoffline" href="http://www.baidu.com">十堰</a><a class="isoffline" href="http://www.baidu.com">三门峡</a><a class="isoffline" href="http://www.baidu.com">山南</a><a class="isoffline" href="http://www.baidu.com">邵阳</a><a class="isoffline" href="http://www.baidu.com">遂宁</a><a class="isoffline" href="http://www.baidu.com">商丘</a><a class="isoffline" href="http://www.baidu.com">朔州</a><a class="isoffline" href="http://www.baidu.com">随州</a><a class="isoffline" href="http://www.baidu.com">汕尾</a><a class="isoffline" href="http://www.baidu.com">四平</a><a class="isoffline" href="http://www.baidu.com">三峡</a><a class="isoffline" href="http://www.baidu.com">宿迁</a><a class="isoffline" href="http://www.baidu.com">三明</a><a class="isoffline" href="http://www.baidu.com">石嘴山</a><a class="isoffline" href="http://www.baidu.com">双鸭山</a><a class="isoffline" href="http://www.baidu.com">汕头</a><a class="isoffline" href="http://www.baidu.com">宿州</a><a class="isoffline" href="http://www.baidu.com">商洛</a></span></p>
            </li>
            <li id="city-T">
              <p class="cf"><span class="label"><strong>T</strong></span><span><a class="isonline" href="http://www.baidu.com">天津</a><a class="isonline" href="http://www.baidu.com">太原</a><a class="isonline" href="http://www.baidu.com">泰安</a><a class="isonline" href="http://www.baidu.com">台州</a><a class="isonline" href="http://www.baidu.com">唐山</a><a class="isonline" href="http://www.baidu.com">泰州</a><a class="isoffline" href="http://www.baidu.com">塔城</a><a class="isoffline" href="http://www.baidu.com">铜陵</a><a class="isoffline" href="http://www.baidu.com">铜川</a><a class="isoffline" href="http://www.baidu.com">台北</a><a class="isoffline" href="http://www.baidu.com">铜仁</a><a class="isoffline" href="http://www.baidu.com">吐鲁番</a><a class="isoffline" href="http://www.baidu.com">天水</a><a class="isoffline" href="http://www.baidu.com">通辽</a><a class="isoffline" href="http://www.baidu.com">铁岭</a><a class="isoffline" href="http://www.baidu.com">通化</a></span></p>
            </li>
            <li id="city-W">
              <p class="cf"><span class="label"><strong>W</strong></span><span><a class="isonline" href="http://www.baidu.com">武汉</a><a class="isonline" href="http://www.baidu.com">无锡</a><a class="isonline" href="http://www.baidu.com">温州</a><a class="isonline" href="http://www.baidu.com">芜湖</a><a class="isonline" href="http://www.baidu.com">威海</a><a class="isonline" href="http://www.baidu.com">潍坊</a><a class="isoffline" href="http://www.baidu.com">乌鲁木齐</a><a class="isoffline" href="http://www.baidu.com">梧州</a><a class="isoffline" href="http://www.baidu.com">吴忠</a><a class="isoffline" href="http://www.baidu.com">武威</a><a class="isoffline" href="http://www.baidu.com">渭南</a><a class="isoffline" href="http://www.baidu.com">乌兰察布</a><a class="isoffline" href="http://www.baidu.com">文山</a><a class="isoffline" href="http://www.baidu.com">乌海</a></span></p>
            </li>
            <li id="city-X">
              <p class="cf"><span class="label"><strong>X</strong></span><span><a class="isonline" href="http://www.baidu.com">西安</a><a class="isonline" href="http://www.baidu.com">厦门</a><a class="isonline" href="http://www.baidu.com">徐州</a><a class="isonline" href="http://www.baidu.com">襄阳</a><a class="isonline" href="http://www.baidu.com">西宁</a><a class="isoffline" href="http://www.baidu.com">孝感</a><a class="isoffline" href="http://www.baidu.com">西双版纳</a><a class="isoffline" href="http://www.baidu.com">新余</a><a class="isoffline" href="http://www.baidu.com">湘潭</a><a class="isoffline" href="http://www.baidu.com">锡林郭勒</a><a class="isoffline" href="http://www.baidu.com">兴安</a><a class="isoffline" href="http://www.baidu.com">邢台</a><a class="isoffline" href="http://www.baidu.com">新乡</a><a class="isoffline" href="http://www.baidu.com">湘西</a><a class="isoffline" href="http://www.baidu.com">忻州</a><a class="isoffline" href="http://www.baidu.com">咸阳</a><a class="isoffline" href="http://www.baidu.com">宣城</a><a class="isoffline" href="http://www.baidu.com">香港</a><a class="isoffline" href="http://www.baidu.com">信阳</a><a class="isoffline" href="http://www.baidu.com">咸宁</a><a class="isoffline" href="http://www.baidu.com">许昌</a></span></p>
            </li>
            <li id="city-Y">
              <p class="cf"><span class="label"><strong>Y</strong></span><span><a class="isonline" href="http://www.baidu.com">扬州</a><a class="isonline" href="http://www.baidu.com">烟台</a><a class="isonline" href="http://www.baidu.com">盐城</a><a class="isonline" href="http://www.baidu.com">运城</a><a class="isonline" href="http://www.baidu.com">义乌</a><a class="isonline" href="http://www.baidu.com">岳阳</a><a class="isonline" href="http://www.baidu.com">宜昌</a><a class="isoffline" href="http://www.baidu.com">玉林</a><a class="isoffline" href="http://www.baidu.com">银川</a><a class="isoffline" href="http://www.baidu.com">鹰潭</a><a class="isoffline" href="http://www.baidu.com">雅安</a><a class="isoffline" href="http://www.baidu.com">伊犁</a><a class="isoffline" href="http://www.baidu.com">玉树</a><a class="isoffline" href="http://www.baidu.com">宜春</a><a class="isoffline" href="http://www.baidu.com">营口</a><a class="isoffline" href="http://www.baidu.com">永州</a><a class="isoffline" href="http://www.baidu.com">宜宾</a><a class="isoffline" href="http://www.baidu.com">益阳</a><a class="isoffline" href="http://www.baidu.com">玉溪</a><a class="isoffline" href="http://www.baidu.com">阳泉</a><a class="isoffline" href="http://www.baidu.com">延安</a><a class="isoffline" href="http://www.baidu.com">榆林</a><a class="isoffline" href="http://www.baidu.com">云浮</a><a class="isoffline" href="http://www.baidu.com">延边</a><a class="isoffline" href="http://www.baidu.com">阳江</a><a class="isoffline" href="http://www.baidu.com">伊春</a></span></p>
            </li>
            <li id="city-Z">
              <p class="cf"><span class="label"><strong>Z</strong></span><span><a class="isonline" href="http://www.baidu.com">郑州</a><a class="isonline" href="http://www.baidu.com">镇江</a><a class="isonline" href="http://www.baidu.com">中山</a><a class="isonline" href="http://www.baidu.com">淄博</a><a class="isonline" href="http://www.baidu.com">珠海</a><a class="isonline" href="http://www.baidu.com">遵义</a><a class="isoffline" href="http://www.baidu.com">株洲</a><a class="isoffline" href="http://www.baidu.com">自贡</a><a class="isoffline" href="http://www.baidu.com">舟山</a><a class="isoffline" href="http://www.baidu.com">湛江</a><a class="isoffline" href="http://www.baidu.com">肇庆</a><a class="isoffline" href="http://www.baidu.com">漳州</a><a class="isoffline" href="http://www.baidu.com">张掖</a><a class="isoffline" href="http://www.baidu.com">昭通</a><a class="isoffline" href="http://www.baidu.com">张家界</a><a class="isoffline" href="http://www.baidu.com">周口</a><a class="isoffline" href="http://www.baidu.com">驻马店</a><a class="isoffline" href="http://www.baidu.com">张家口</a><a class="isoffline" href="http://www.baidu.com">资阳</a><a class="isoffline" href="http://www.baidu.com">中卫</a><a class="isoffline" href="http://www.baidu.com">枣庄</a></span></p>
            </li>
          </ol>
        </div>
      </div>
    </div>
    <!-- bd end -->
  </div>
  <!-- bdw end -->
</div>
<script src="jquery.min.js" type="text/javascript"></script>
<script language="javascript" type="text/javascript">
$(function (){
	$(".hasallcity li").hover(function(){
		$(this).addClass('hover');
	}, function(){
		$(this).removeClass('hover');
	});	
});
</script>
</body>
</html>
附件:下载该文件资源,减少时间成本(增值服务)