IMG中UserMap的使用示例

前端技术 2023/09/07 HTML
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>

本文地址：https://www.stayed.cn/item/18462

转载请注明出处。

本站部分内容来源于网络,如侵犯到您的权益,请 联系我

我的博客

人生若只如初见，何事秋风悲画扇。

我的标签

随笔档案