img标签的usemap的用法
来源:互联网 发布:shinee 知乎 综艺 编辑:程序博客网 时间:2024/04/30 02:23
例一:http://www.w3school.com.cn/tiy/t.asp?f=jseg_imagemap
<img src="/i/eg_planets.jpg" border="0" usemap="#planetmap" alt="Planets" />
<map name="planetmap" id="planetmap">
<area shape="circle" coords="180,139,14"
onMouseOver="writeText('直到 20 世纪 60 年代,金星一直被认为是地球的孪生姐妹,因为金星是离我们最近的行星,同时还由于两者拥有很多共同的特征。')"
href ="/example/html/venus.html" target ="_blank" alt="Venus" />
<area shape="circle" coords="129,161,10"
onMouseOver="writeText('从地球上是很难研究水星的,这是由于它和太阳的距离总是很近。')"
href ="/example/html/mercur.html" target ="_blank" alt="Mercury" />
<area shape="rect" coords="0,0,110,260"
onMouseOver="writeText('太阳和类似木星这样的气态行星是到目前为止太阳系中最大的物体。')"
href ="/example/html/sun.html" target ="_blank" alt="Sun" />
</map>
例二:http://jwfpd.javaeye.com/blog/56468
<img src="/images/test.jpg" border="0" usemap="#Map1" name="flag"/>
<map name="Map1">
<area shape="rect" coords="0,0,386,27" style="cursor:hand" href="#" />
<area shape="rect" coords="194,28,362,65" style="cursor:hand" href="#" />
<area shape="rect" coords="197,165,362,199" style="cursor:hand" href="#"/>
<area shape="rect" coords="0,196,387,223" style="cursor:hand" href="#"/>
</map>
所以注意关键字:usemap,
shape="rect"和shape="circle" 矩形和圆
<img src="/i/eg_planets.jpg" border="0" usemap="#planetmap" alt="Planets" />
<map name="planetmap" id="planetmap">
<area shape="circle" coords="180,139,14"
onMouseOver="writeText('直到 20 世纪 60 年代,金星一直被认为是地球的孪生姐妹,因为金星是离我们最近的行星,同时还由于两者拥有很多共同的特征。')"
href ="/example/html/venus.html" target ="_blank" alt="Venus" />
<area shape="circle" coords="129,161,10"
onMouseOver="writeText('从地球上是很难研究水星的,这是由于它和太阳的距离总是很近。')"
href ="/example/html/mercur.html" target ="_blank" alt="Mercury" />
<area shape="rect" coords="0,0,110,260"
onMouseOver="writeText('太阳和类似木星这样的气态行星是到目前为止太阳系中最大的物体。')"
href ="/example/html/sun.html" target ="_blank" alt="Sun" />
</map>
例二:http://jwfpd.javaeye.com/blog/56468
<img src="/images/test.jpg" border="0" usemap="#Map1" name="flag"/>
<map name="Map1">
<area shape="rect" coords="0,0,386,27" style="cursor:hand" href="#" />
<area shape="rect" coords="194,28,362,65" style="cursor:hand" href="#" />
<area shape="rect" coords="197,165,362,199" style="cursor:hand" href="#"/>
<area shape="rect" coords="0,196,387,223" style="cursor:hand" href="#"/>
</map>
所以注意关键字:usemap,
shape="rect"和shape="circle" 矩形和圆
0 0
- img标签的usemap的用法
- html<img>标签的usemap属性
- HTML <img> 标签的 usemap 属性
- HTML <img> 标签的 usemap 属性
- 图解img标签的usemap使用
- <img usemap="#Map">的用法
- img 的 usemap 属性
- img标签usemap属性
- Usemap的用法
- USEMAP的用法
- JS usemap的用法
- HTML 标签的 ismap 和 usemap 属性
- HTML 标签的 ismap 和 usemap 属性
- <img usemap不能得到outHTML,如何对标签操作
- Html+Css_利用img 的usemap属性 和 map 以及 area(list) 对图像敏感区域定位
- Img标签的去除
- <IMG>标签的方方面面
- img标签的使用
- java 2 类与内存解析
- 数据结构:Binary and other trees(数据结构,算法与应用(C++语言描述)第8章)
- java练习7
- Effective C++:条款20:宁以 pass-by-reference-to-const替换pass-by-value
- servlet配置参数
- img标签的usemap的用法
- js的sort也可以进行字符排序
- java练习8
- hibernate.properties not found(导致Configured SessionFactory: null 错误)
- position学习终结者(二)
- NYOJ-599 奋斗的小蜗牛
- 将DIV层置于Flash之上
- 计算机系统结构概述
- js的typeof用法