创建图像映射
来源:互联网 发布:js获取数据第几个元素 编辑:程序博客网 时间:2024/05/22 08:20
本例显示如何创建带有可供点击区域的图像地图。其中的每个区域都是一个超级链接。
代码:
<html>
<body>
<p>请点击图像上的星球,把它们放大。</p>
<img
src="/i/eg_planets.jpg"
border="0" usemap="#planetmap"
alt="Planets" />
<map name="planetmap" id="planetmap">
<area
shape="circle"
coords="180,139,14"
href ="/example/html/venus.html"
target ="_blank"
alt="Venus" />
<area
shape="circle"
coords="129,161,10"
href ="/example/html/mercur.html"
target ="_blank"
alt="Mercury" />
<area
shape="Rect"
coords="0,0,110,260"
href ="/example/html/sun.html"
target ="_blank"
alt="Sun" />
</map>
<p><b>注释:</b>img 元素中的 "usemap" 属性引用 map 元素中的 "id" 或 "name" 属性(根据浏览器),所以我们同时向 map 元素添加了 "id" 和 "name" 属性。</p>
</body>
</html>
显示效果:
0 0
- 创建图像映射
- 创建图像映射
- HTML创建图像映射
- HTML学习记录<四> :创建图像映射
- 图像映射area
- 学习HTML图像映射
- ImageAdjust 映射图像
- 5.6 图像颜色映射
- css图像映射
- [图像] 灰度映射
- opencv图像映射
- Image Mappings (图像映射)
- 图像的重映射
- JS图像映射
- html:图像链接和图像映射
- 图像映射(图像热点)的使用
- HTML5画布行星图像映射
- (11)html图像映射
- springmvc服务器和客户端之间的乱码过程分析
- web_3个常用作用域
- Java IO的RandomAccessFile的使用
- 第三方包及异步线程
- 浅谈Web网站架构演变过程及各阶段所用的技术和架构设计
- 创建图像映射
- POJ 1005
- Linux的使用
- iOS中NSTimer的invalidate调用之后
- iOS学习笔记68-IOS移除NSAssert& NSLog
- 深入理解ORACLE启动过程
- Bubble-Notification Update
- java不定长参数
- 48 - RotateImage