今天小编跟大家讲解下有关IMG中UserMap的使用示例 ,相信小伙伴们对这个话题应该有所关注吧,小编也收集到了有关IMG中UserMap的使用示例 的相关资料,希望小伙伴们看了有所帮助。
usemap是<img>标签的一个属性 用作指明所使用的图像地图名。 后面的#Map的Map就是用<map>标签定义的一个图像地图 它的name属性是Map,像下面这样定义: 复制代码代码如下: <map name="Map"> <area shape=rect coods="100,100,200,200"href="https://www.aidi.net.cn//web/test1.html"> <area shape=rect coods="200,100,300,200"href="https://www.aidi.net.cn//web/test2.html"> ... </map> 使用时: 复制代码代码如下: <img src="https://www.aidi.net.cn//web/test.gif"usemap="#Map"> 图像地图把一幅图像分成若干个区域 点击不同的区域会进入不同的页面。 为了创建客户端图像映像 需要增加新属性USEMAP如下: 复制代码代码如下: <IMG SRC="https://www.aidi.net.cn//web/map_name.gif"USEMAP="#section_name"> 属性USEMAP(使用图像)接受段块式的超级链接 因此可以在同一HTML文件中存储映像定义信息。 复制代码代码如下: <IMG src="https://www.aidi.net.cn//web/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="https://www.aidi.net.cn//web/default.aspx"> <AREA shape="rect"coords="326,96,407,123"href="https://www.aidi.net.cn//web/Cart.aspx"> <AREA shape="rect"coords="426,96,503,125"href="https://www.aidi.net.cn//web/MemberShip/UserLogin.aspx"> <AREA shape="rect"coords="525,96,609,125"href="https://www.aidi.net.cn//web/Admin/default.aspx"> </MAP>来源:爱蒂网