码迷,mamicode.com
首页 > Web开发 > 详细

css:map热点的应用

时间:2015-07-21 12:17:40      阅读:294      评论:0      收藏:0      [点我收藏+]

标签:

映射图像(Image Map)可以实现的效果是:一张图片上点不同位置可以跳转到不同的地方,

实例:

1、插入一张图片

技术分享

2、在底部“属性”栏中选择合适的热点工具,在图片上绘制热点区域,如

技术分享

 

3、然后返回代码模式,修改链接就可以了

<img src="demo1.jpg" border="0" usemap="#Map" />
<map name="Map" id="Map">
<area shape="circle" coords="108,165,46" href="#" />
<area shape="poly" coords="376,241,329,70,203,194" href="#" />
</map>

 

css:map热点的应用

标签:

原文地址:http://www.cnblogs.com/tinyphp/p/4660763.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!