以下是实力代码,可以根据自己的需要进行修改,对于页面热图map的使用以及属性的含义,可以自行搜索,这里只做一个简单的实例:

<img src="KnMap.png" alt="知识地图" id="KnMap" style="width:100%;height:auto;" border="0" usemap="#Map">	
	<map name="Map">	  
		<area shape="rect" coords="146,172,271,248" href="open?id=1000000062">	  
		<area shape="rect" coords="483,240,578,316" href="open?id=1000000064">	  
		<area shape="rect" coords="614,546,709,618" href="open?id=1000000066">	  
		<area shape="rect" coords="60,552,180,623" href="open?id=1000000081">	  
		<area shape="rect" coords="593,740,757,827" href="open?id=1000000061">	  
		<area shape="rect" coords="253,931,624,1091" href="open?id=1000000054">	
	</map>	
	<script src="../js/jquery-1.11.1.min.js"></script>	
	<script type="text/javascript">		
		function resetHostArea(){			
			var srcw="960",srch="1429";			
			var noww=$("#KnMap").prop("clientWidth")*1.0;			
			//var nowh=$("#KnMap").prop("clientHeight")*1.0;			
			var scale = noww/srcw;			
			var areas = $("area");			
			var coords;			
			areas.each(function(){				
				coords = this.coords;				
				coords = coords.split(",");				
				coords = Math.round(coords[0]*scale)+","+Math.round(coords[1]*scale)+","+Math.round(coords[2]*scale)+","+Math.round(coords[3]*scale);				
				this.coords=coords;			
			});		
		}		
		$(function(){			
			resetHostArea();		
		});	
		</script>


1. 本站所有资源除特别说明外,均来源于用户上传和网络,如有侵权请邮件联系站长!
2. 分享目的仅供大家学习和交流,请不要用于商业用途!
3. 如果你也有好源码或者教程,可以到用户中心发布,分享有积分奖励和额外收入!
4. 本站提供的源码、模板、插件等等其他资源,除特殊说明均不包含技术服务请大家谅解!
5. 如有链接无法下载、失效或广告,请联系管理员处理!
6. 本站资源售价只是赞助,收取费用仅维持本站的日常运营所需!
7. 如遇到加密压缩包,默认解压密码为"www.68sucai.cn",如遇到无法解压的请联系管理员!
8. 因为资源和程序源码均为可复制品,所以不支持任何理由的退款兑现,请斟酌后支付下载
声明如果标题没有注明"已测试"或者"测试可用"等字样的资源源码均未经过站长测试.特别注意没有标注的源码不保证任何可用性

常见问题FAQ

免费下载或者VIP会员专享资源能否直接商用?
本站所有资源版权均属于原作者所有,这里所提供资源均只能用于参考学习用,请勿直接商用。若由于商用引起版权纠纷,一切责任均由使用者承担。更多说明请参考 VIP介绍。
提示下载完但解压或打开不了?
最常见的情况是下载不完整: 可对比下载完压缩包的与网盘上的容量,若小于网盘提示的容量则是这个原因。这是浏览器下载的bug,建议用百度网盘软件或迅雷下载。 若排除这种情况,可在对应资源底部留言,或 联络我们.。
你们有qq群吗怎么加入?
当然有的,你可以点击这里加入QQ交流群

发表评论 123 条评论

  • 76会员数(个)
  • 1235资源数(个)
  • 12357日更新(个)
  • 今日更新(个)
  • 稳定运行(天)

提供最优质的资源集合

加入VIP
×
0.088723s