Connect_logo_6.png 退出
前端视频教程 小程序 众筹源码 python 商城源码 商城模板 响应式模板 中文模板 手机模板 企业源码
充值

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

作者/代码整理:  (转载请附加本文地址,带有“懒人原生”字样的谢绝转载) 发布日期:2018-12-02
jQuery中国地图选中省份城市高亮显示代码,点击选中后下方的省份城市名称也会跟着一起变化。


js代码

<script type="text/javascript" src="js/jquery.min.js"></script>
<!--使用高版本jquery请调用jquery-migrate-1.2.1.min.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>