jQuery中国地图省市高亮显示代码

来源:https://www.sucaihuo.com//js/4073.html 2018-11-27 11:27浏览(2068) 收藏

jQuery基于map area属性制作的中国地图省市高亮显示代码,地图下方显示选中省份城市名称。
jQuery中国地图省市高亮显示代码
分类:其它特效 > 地图 难易:初级
查看演示 下载资源 下载积分: 20 积分

js代码

<script type="text/javascript" src="js/jquery-migrate-1.2.1.min.js"></script>
<script type="text/javascript" src="js/jquery-maphilight.min.js"></script>
		<script type="text/javascript">
			$(document).ready(function() {
				$.fn.maphilight.defaults = {
					fill: true,
					fillColor: 'ff8c19',
					fillOpacity: 0.7,
					stroke: true,
					strokeColor: 'ff8b19',
					strokeOpacity: 1,
					strokeWidth: 3,
					fade: true,
					alwaysOn: false,
					neverOn: false,
					groupBy: false
				}

				$("#map_image").maphilight();

				var btn = $(".mapBtn");
				var map = $(".mapPath");

				btn.click(function() {
					map.hide();
					$(this).next().show();
				});
			});
		</script>
标签: 地图中国地图
评论0
头像

系统已开启自动识别垃圾评论机制,识别到的自动封号,下载出错或者资源有问题请联系全栈客服QQ 1915635791

1 2