jQuery地图map悬停显示省市代码分享

这是一款基于jQuery实现地图map悬停显示省市代码，这样一个神奇的地图便于我们更好地了解中国，增加自己的地理知识。

下面是效果图是不是很棒。

效果演示 源码下载

为大家分享的jQuery地图map悬停显示省市代码如下

 *{margin:0;padding:0;border: none;}
 body { color: #333; text-align: center; font: 12px "微软雅黑";background-color: #dcf5ed; }
 .mapTipText{width: 280px;height: 110px;background-color: #ffffff;}
 .mapTipText .mapTipImg{height: 66px; width: 66px; float: left;border: 2px solid #ffffff; border-radius: 50%;overflow: hidden;margin: -12px 5px 0 -12px;}
 .mapTipText .mapTipImg img{width: 100%;height: 100%;}
 .mapTipText .mapTipList{float: left;margin-left: 4px;}
 .mapTipText .mapTipList h2{text-align: left;}
 .mapTipText .mapTipList h2 a{font-size: 24px; color: #262626;text-decoration:none;}
 .mapTipText .mapTipList h2 a:hover{ color: #0085d2;}
 .mapTipText .mapTipList h2 a span{font-size: 16px;margin-left: 3px;}
 .mapTipText .mapTipList ul{ width: 203px;padding-right: 10px;}
 .mapTipText .mapTipList ul li{list-style: none;float: left;padding: 7px 3px 0 3px;}
 .mapTipText .mapTipList ul li a{color: #262626;text-decoration:none;}
 .mapTipText .mapTipList ul li a:hover{background-color:#2ebcfe;color:#ffffff;}







 
 



 
 
 
 黑龙江Heilongjiang
 

 
哈尔滨
 
漠河
 
五大连池
 
兴凯湖
 
雪乡
 
大兴安岭
 
齐齐哈尔
 
牡丹江
 
伊春
 
大庆
 
镜泊湖
 
帽儿山
 
 
 
 
 
 
 吉林Jilin
 

 
长白山
 
长春
 
延吉
 
雾凇岛
 
集安
 
吉林市
 
查干湖
 
三角龙湾
 
通化
 
四平
 
松原
 
白城
 
 
 
 
 
 
 辽宁Liaoning
 

 
大连
 
丹东
 
沈阳
 
兴城
 
葫芦岛
 
绥中
 
旅顺
 
锦州
 
抚顺
 
鞍山
 
本溪
 
营口
 
盘锦
 
长兴岛
 
 
 

本代码暂时实现了几个悬停显示省市，其他的省市做法同理。

以上就是为大家分享的jQuery地图map悬停显示省市代码，希望大家可以喜欢。