这篇文章主要介绍了jQuery实现TAB风格的全国省份城市滑动切换效果代码,涉及jquery鼠标mouseover事件及页面元素遍历的相关技巧,非常具有实用价值,需要的朋友可以参考下
本文实例讲述了jQuery实现TAB风格的全国省份城市滑动切换效果代码。分享给大家供大家参考。具体如下:
这里演示jQuery实现的全国省市菜单,加入了选项卡风格,把全国城市按字母范围归类,鼠标移到某一分类的时候,滑动门展开显示所属的全国省分和城市。特别适合于分类信息网站使用。当然,在需要选择省市的时候,也是可以用的。仔细看了下,菜单里面的城市还比较全,你不用再手动添加城市了。
运行效果截图如下:
在线演示地址如下:
http://demo.0133.cn/js/2015/jquery-tab-cha-city-menu-style-codes/
具体代码如下:
jQuery全国城市切换TAB选项卡
- 热门
- A~G
- H~L
- M~T
- W~Z
- A
- 安宁安康安顺安阳安庆鞍山
- B
- 毕节霸州巴中白山保山百色巴彦淖尔白银亳州北海本溪蚌埠保定滨州包头宝鸡北京
- C
- 从化长葛赤壁承德昌吉池州巢湖长治赤峰潮州滁州沧州常熟郴州常德常州长春长沙楚雄慈溪成都重庆
- D
- 敦煌大丰都匀东阳东港迪庆丹江口大石桥丹阳定西都江堰达州大同大庆丹东德州德阳东营大理大连东莞
- E
- 鄂尔多斯鄂州恩施
- F
- 福建福清阜阳抚州防城港阜新抚顺富阳佛山福州
- G
- 盖州固原高邮广汉贵港赣州贵阳桂林广州
- H
- 华蓥侯马鹤山洪湖怀化淮北衡水河池鹤岗海门鹤壁海安黄冈汉中贺州呼伦贝尔黄石河源黄山淮南邯郸淮安海口葫芦岛菏泽衡阳合肥湖州哈尔滨红河惠州呼和浩特杭州
- J
- 晋江吉林金坛即墨吉安晋中句容酒泉胶州嘉峪关鸡西荆门荆州济源锦州焦作揭阳江阴景德镇晋城江门济南佳木斯济宁九江靖江建德金华嘉兴
- K
- 喀什凯里开平开封昆山昆明
- L
- 利川乐平临清龙口龙泉吕梁拉萨丽江临沧陇南漯河辽阳莱阳临海六盘水耒阳辽源六安临安溧阳泸州龙岩丽水连云港临沂柳州莱芜聊城乐山临汾洛阳廊坊娄底兰州
希望本文所述对大家的jquery程序设计有所帮助。
以上就是jQuery实现TAB风格的全国省份城市滑动切换效果代码的详细内容,更多请关注0133技术站其它相关文章!