简要咨询咨询QQ网站导航网站搜索手机站点联系我们设为首页加入收藏 

img中usermap的使用示例

来源:易贤网   阅读:1105 次  日期:2016-06-17 10:31:27

温馨提示:易贤网小编为您整理了“img中usermap的使用示例”,方便广大网友查阅!

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>

更多信息请查看网页制作
点此处就本文及相关问题在本站进行非正式的简要咨询(便捷快速)】     【点此处查询各地各类考试咨询QQ号码及交流群
上一篇:html网页的浏览器标题栏显示小图标的方法
下一篇:css 控制html页面高度导致抖动问题的原因
易贤网手机网站地址:img中usermap的使用示例
由于各方面情况的不断调整与变化,易贤网提供的所有考试信息和咨询回复仅供参考,敬请考生以权威部门公布的正式信息和咨询为准!