img usemap属性 中国地图链接

img usemap属性 中国地图链接,第1张

img usemap属性 中国地图链接 html的img标签:定义一个图像在网页中引入。


它还有个usemap属性很有意思。



看看51ditu首页中有一个地图,中部有个中国地图。


点击右键下载下来看下就是一个普通的图片。



但点击地图上的省份却可以出发不同的事件(或打开不同的链接),很有意思。


原来是使用了usemap属性。



当然还要定义一个map标签。


整份代码如下:

 

提示:您可以先修改部分代码再运行
map标签里的area标签的几个属性意义见:http://www.w3school.com.cn/tags/tag_area.asp

这里还是记下area的shape属性,可选项有矩形,圆形和多边形。


尤其要注意的是coords属性,得结合shape使用,图像左上角的坐标是 "0,0"。


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/610378.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-04-14
下一篇 2022-04-14

发表评论

登录后才能评论

评论列表(0条)

保存