首先非常感谢网友Adam(亚当)的无私分享,此Jquery插件是他最新的一款原创作品,实现中国地图提示特效,现在只是第一个版本,会不断的完善,插件使用非常灵活,引入了jQuery.adamMap.1.0库之后在页面初始化一下插件代码即可。
Jquery插件初始化代码如下:
AMAP.making(
{
img : "AMAP",//图片id
imgWidth : 385,//图片宽
imgHeight : 305,//图片高
points : aPoint,// 坐标列表 aPoint
fill : "#44ccee",//填充颜色
fillOpacity : .5,//透明度
strokeFill : "#00AADD",//边框颜色
strokeWidth : 1,//边框宽度
event : "mouseover",//绑定事件
def : "重庆"//是默认城市
}
);
页面使用代码如下:
<!-- 地图功能结构 -->
<img src="map.jpg" height="305" width="385" id="AMAP" usemap="#Adam01" style="border:0;" />
<!-- 地图功能结构 结束 -->
效果如下:
如果您觉得本作品对您的学习有所帮助:
关键字:
中国地图插件 网友Adam’ 图片放大 提示插件 图片特效 层特效 jQuery.adamMap.1.0