html的Map

原创 2012年03月25日 20:05:31

http://alexandermail.blog.hexun.com/15400280_d.html

html<map>标签的用法 [引用 2007-12-07 18:23:07]   

我顶 字号:
在Html中,给图像使用map标签
2007-07-05 11:30

在Html中,给图像使用map标签,可以给图像的某个部分建立超连接,用法如下:

<img src=img.gif usemap="MAP-Name">
<map name="MAP-Name">
<area shape="rect|circle|poly" coords="#" href="url">
</map>

其中,坐标coords对各个shape的解释如下:

shape="rect" coords="x1,y1,x2,y2" // (x1,y1)=Upper Left, (x2,y2)=Lower Right

即,当shape是矩形时,coords表示矩形左上及右下(x2, y2)的坐标
shape="circle" coords="x,y,r" // (x,y)=Center, r=Radius

即,当shape是圆形时,coords表示圆中心点坐标(x, y)及半径

shape="poly" coords="x1,y1,x2,y2,x3,y3..." // (x1,y1>=First Corner, (x2,y2)=Second Corner, ...

即,当shape是poly多边形时,coords表示多边形所有顶点的坐标(x1,y1),(x2,y2),(x3,y3)...

 

注意:以上所有坐标都是相对于图形img.gif左上脚坐标而言的

 

以下是一个例子:

<img src="mapimg.gif" usemap="#Face">
<map name="Face">
   <area shape="rect" href="page.html" coords="140,20,280,60">
   <area shape="poly" href="image.html" coords="100,100,180,80,200,140">
   <area shape="circle" href="new.html" coords="80,100,60">
</map>

 

相关文章推荐

google map的測試HTML檔案

  • 2015年02月25日 23:35
  • 20KB
  • 下载

html map 标签使用

  • 2017年06月27日 11:00
  • 707B
  • 下载

HTML图片热区map area的用法整理

标记主要用于图像地图,通过该标记可以在图像地图中设定作用区域(又称为热点),这样当用户的鼠标移到指定的作用区域点击时,会自动链接到预先设定好的页面。其基本语法结构如下: ...
  • amy0821
  • amy0821
  • 2016年08月09日 10:21
  • 755

html中map热点area的使用

  • 2014年03月03日 13:25
  • 2KB
  • 下载

运用freemaker 将后台传过来的 List<Map<String,String>> 类型的值显示到HTML页面

今天遇到一个问题,就是通过后台传过来一个List参数 ,list的类型为List
  • r0a0n0
  • r0a0n0
  • 2014年07月03日 16:37
  • 1502

map.html

  • 2007年05月13日 16:47
  • 790B
  • 下载

html<img><map><area>标签总结

html标签总结

html图像地图map标签的使用

  • 2012年09月14日 14:22
  • 2KB
  • 下载
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:html的Map
举报原因:
原因补充:

(最多只允许输入30个字)