地图地图显示省级和省级代码共享
以下是效果图不是很大。
效果演示源代码下载
为大家分享jQuery的地图地图悬停显示省市代码如下
jQuery地图悬停显示省级和省级代码
*边距:0;填充:0;边界:无;}
体{颜色:# 333;文本对齐:中心;字体:12px;背景颜色:# dcf5ed 微软雅黑;}
。maptiptext {宽度:280px;身高:110px;背景颜色:# ffffff;}
。maptiptext。maptipimg {身高:66px;宽度:66px;浮动:左;边界:2px固体# ffffff;边界半径:50%;t = 0;}
。maptiptext.maptipimg img {宽度:100%;高度:100%;}
。maptiptext。maptiplist {浮动:左;margin-left: 4px;}
。maptiptext.maptiplist H2 {文本对齐:左;}
。maptiptext.maptiplist H2 {字体大小:24px;颜色:# 262626;文字装饰:无;}
。maptiptext.maptiplist H2:悬停{颜色:# 0085d2;}
。maptiptext.maptiplist H2跨{字体大小:16px;margin-left: 3px;}
。maptiptext.maptiplist UL {宽度:203px;填充右:10px;}
。maptiptext.maptiplist ul {列表样式:无;浮动:左;填充:7px 3px 0 3px;}
UL Li。maptiptext.maptiplist {颜色:# 262626;文字装饰:无;}
UL Li:悬停。maptiptext.maptiplist {背景颜色:# 2ebcfe;颜色:# ffffff;}
$(函数(){())
$(# chinamap)。SVGMap({
mapwidth:806,
mapheight:396
});
});
黑龙江黑龙江
哈尔滨
漠河县
五大连池市
兴凯湖
雪乡
大兴安岭
齐齐哈尔
牡丹江
伊春
大庆
镜泊湖
山Mt.
吉林吉林
长白山
长春
延吉
雾凇岛
吉安
吉林市
查干湖
三角龙湾
做好连接
四平
松原市
拜城
辽宁辽宁
大连
丹东
沈阳
兴城
葫芦岛
绥中
亚瑟
锦州
富顺
鞍山
本溪
营口
盘锦
长兴岛
这段代码暂时实现了几个省市的徘徊,其他省市也有同样的做法。
以上是分享jQuery地图悬停显示城市地图的代码,希望大家能喜欢。