map热点图:即在图上可以点击固定区域跳转相应链接

其实也就是图像映射功能

所有主流浏览器都支持map标签:

注释:

1.area 元素永远嵌套在 map 元素内部。area 元素可定义图像映射中的区域

2.<img>中的 usemap 属性可引用 <map> 中的 id 或 name 属性(取决于浏览器),

    所以我们应同时向 <map> 添加 id 和 name 属性

语法

<a coords="value">

      

案例代码:

<img src="planets.jpg" border="0" usemap="#planetmap" alt="Planets" border="0" />
	<map name="planetmap" id="planetmap">
	<area shape="circle" coords="180,139,14" href ="venus.html" style="cursor: pointer" alt="Venus" />
	<area shape="circle" coords="129,161,10" href ="mercur.html" alt="Mercury" /> 
	<area shape="rect" coords="0,0,110,260" href ="sun.html" alt="Sun" /> 
</map>



作者:星辰 时间:2016-05-16 浏览 766评论 0 赞 1砸 0 标签: javascript
评论
还可以再输入500个字

请您注意

·自觉遵守:爱国、守法、自律、真实、文明的原则
·尊重网上道德,遵守《全国人大常委会关于维护互联网安全的决定》及中华人民共和国其他各项有关法律法规
·严禁发表危害国家安全,破坏民族团结、国家宗教政策和社会稳定,含侮辱、诽谤、教唆、淫秽等内容的作品
·承担一切因您的行为而直接或间接导致的民事或刑事法律责任
·您在NoteShare上发表的作品,NoteShare有权在网站内保留、转载、引用或者删除
·参与本评论即表明您已经阅读并接受上述条款