创建带有可供点击区域的图像地图。其中的每个区域都是一个超级链接
2013-12-10 21:36
501 查看
<html>
<body>
<p>请点击图像上的星球,把它们放大。</p>
<img src= "http://www.baidu.com/img/bdlogo.gif" width="300" height="300" border="0" usemap="#planetmap" alt="Planets" />
<map name="planetmap" id="planetmap">
<area shape="circle" coords="180,139,14" href ="http://www.baidu.com" target ="_blank" alt="baidu" />
<area shape="circle" coords="129,161,10" href ="http://www.goole.com" target ="_blank" alt="goole" />
<area shape="rect" coords="0,0,110,260" href ="http://www.163.com" target ="_blank" alt="163" />
</map>
<p><b>注释:</b>img 元素中的 "usemap" 属性引用 map 元素中的 "id" 或 "name" 属性(根据浏览器), 所以我们同时向 map 元素添加了 "id" 和 "name" 属性。</p>
</body>
</html>
<body>
<p>请点击图像上的星球,把它们放大。</p>
<img src= "http://www.baidu.com/img/bdlogo.gif" width="300" height="300" border="0" usemap="#planetmap" alt="Planets" />
<map name="planetmap" id="planetmap">
<area shape="circle" coords="180,139,14" href ="http://www.baidu.com" target ="_blank" alt="baidu" />
<area shape="circle" coords="129,161,10" href ="http://www.goole.com" target ="_blank" alt="goole" />
<area shape="rect" coords="0,0,110,260" href ="http://www.163.com" target ="_blank" alt="163" />
</map>
<p><b>注释:</b>img 元素中的 "usemap" 属性引用 map 元素中的 "id" 或 "name" 属性(根据浏览器), 所以我们同时向 map 元素添加了 "id" 和 "name" 属性。</p>
</body>
</html>
相关文章推荐
- HTML <map> 标签-创建带有可点击区域的图像映射
- HTML <area> 标签 带有可点击区域的图像映射(图像映射指的是带有可点击区域的图像)
- 我创建了一个托盘图标,可以正常使用,点击右键打开菜单。问题是如果点击右键后不选择其中一个菜单项进行操作的话,它就总不消失。
- 灰度或者彩色图像的直方图均衡化+Opencv(可以选择其中的某一个区域进行均衡)
- 带有可点击区域的图像映射:HTML <map> 标签
- 给定一个字符串s和一个单词dict的字典,在s中添加空格来构造一个句子,其中每个单词都是有效的字典单词。
- android自定义View,区域热力地图(具备每个省份的点击接口)
- 带有可点击区域的图像映射
- 程序员面试金典——解题总结: 9.18高难度题 18.11给定一个方阵,其中每个单元(像素)非黑即白。设计一个算法,找出四条边都是黑色像素的最大子方阵。
- 给定一个长度为N的数组,其中每个元素的取值范围都是1到N。判断数组中是否有重复的数字。(原数组不必保留)
- 同一页面中实现点击其中一个iframe中的链接后,将链接内容显示到另一iframe
- iOS tabbarItem的颜色都是白色,点击其中一个,其他的不变,没有点中的效果
- 3.一个斐波那契数列是由数字1、1、2、3、5、8、13、21、34等等组成的,其中每一个数字(从第三个数字起)都是前两个数字的和。创建一个方法,接受一个整数参数,并显示从第一个元素开始总共由该参数
- 定义图像映射中的区域(给图片热点区域加链接,常用于地图)
- 面试题:给定一个长度为N的数组,其中每个元素的取值范围都是1到N。判断数组中是否有重复的数字
- Linux系统中,有两个文件file1和file2,每个文件的每一行都是#UUID,其中的每一UUID表示一个号。要找出在file1中有而在file2中没有的UUID,使用cat,sort,uniq三个命令如何实现
- 处理2D图像和纹理——创建一张纹理,定义每个像素的颜色,将纹理保存到一个文件
- html利用map和area属性来实现创建图像链接,以及创建可点击图像热区
- HTML <area> 标签实现带有可点击区域的图像映射
- ASP.NET MVC WebApi 返回数据类型序列化控制(json,xml) 用javascript在客户端删除某一个cookie键值对 input点击链接另一个页面,各种操作。 C# 往线程里传参数的方法总结 TCP/IP 协议 用C#+Selenium+ChromeDriver 生成我的咕咚跑步路线地图 (转)值得学习百度开源70+项目