img中usermap的使用示例
2016-06-17来源:易贤网

usemap是<img>标签的一个属性,用作指明所使用的图像地图名。

后面的#map的map就是用<map>标签定义的一个图像地图,它的name属性是map,像下面这样定义:

代码如下:

<map name=map>

<area shape=rect coods=100,100,200,200 href=test1.html>

<area shape=rect coods=200,100,300,200 href=test2.html>

...

</map>

使用时:

代码如下:

<img src=test.gif usemap=#map>

图像地图把一幅图像分成若干个区域,点击不同的区域会进入不同的页面。

为了创建客户端图像映像,需要增加新属性usemap如下:

代码如下:

<img src=map_name.gif usemap=#section_name>

属性usemap(使用图像)接受段块式的超级链接,因此可以在同一html文件中存储映像定义信息。

代码如下:

<img src=images/index-top.jpg border=0 usemap=#map id=img1 onclick=return img1_onclick()>

<map name=map>

<area shape=rect coords=224,95,307,125 href=default.aspx>

<area shape=rect coords=326,96,407,123 href=cart.aspx>

<area shape=rect coords=426,96,503,125 href=membership/userlogin.aspx>

<area shape=rect coords=525,96,609,125 href=admin/default.aspx>

</map>

2026公务员·事业单位培训课程试听报名

  • 报班类型
  • 姓名
  • 手机号
  • 验证码
推荐信息