来源:flash,as,js兴趣爱好者html5单击部分图片显示放大效果的标签<area>,<area>标签 <area> 标签映射图像内部的区域（图像映射指的是带有可点击区域的图像）。
html5单击部分图片显示放大效果的标签<area>,<area>标签
area 元素始终嵌套在 <map> 标签内部。
<!DOCTYPE HTML> <html> <head> <base href="http://www.w3school.com.cn"> </head> <body> <p>请点击图像上的星球，把它们放大。</p> <img src="/i/eg_planets.jpg" usemap="#planetmap" alt="Planets" /> <map name="planetmap" id="planetmap"> <area shape="rect" coords="0,0,110,260" href ="/example/html/sun.html" alt="Sun" /> <area shape="circle" coords="129,161,10" href ="/example/html/mercur.html" alt="Mercury" /> <area shape="circle" coords="180,139,14" href ="/example/html/venus.html" alt="Venus" /> </map> </body> </html>
实例
带有可点击区域的图像映射：
<img src="planets.gif" alt="Planets" usemap ="#planetmap" />
<map id="planetmap">
<area shape ="rect" coords ="0,0,110,260" href ="sun.htm" alt="Sun" />
<area shape ="circle" coords ="129,161,10" href ="mercur.htm" alt="Mercury" />
<area shape ="circle" coords ="180,139,14" href ="venus.htm" alt="Venus" />
</map>
所有浏览器包括ie支持<area>属性
相关推荐
5. 图像地图：`<map>`和`<area>`标签可以创建图像地图，使得图片的不同区域可以响应不同的鼠标点击事件，常用于导航菜单或信息展示。 6. 鼠标悬停效果：通过CSS的`:hover`伪类，可以为元素添加鼠标悬停时的动态效果...
执行菜单命令[选择]>>[通过属性选择]，查询”Area”<=10000 （平方米）的图斑 被选中的多边形以高亮方式显示，这些小的图斑将会被合并到与之相邻且有最大公共边 的多边形。当然也可以选择合并到相邻的面积最大的...
实例使用一个QTreeWidget组件管理照片目录，可以添加、删除节点，每个节点设置一个自定义类型，另外，还设置了一个自定义数据，片节点存储完整文件名，以便单击节点时显示该图片。 2.QDockWidget停靠区域组件 ...
（5）选择 Tools 标签->勾选 Digitizer->将地形图适当放大->鼠标右键，选择 Create New Area Feature ->用线圈住所选区域后点击鼠标右键，出现对话框，输入 Name 后点 OK->鼠标双击所选区域，对所选区域点 ALT+C ...
基本分为<显示设置区><隐藏功能区><自动备份区><工作表设置区><功能窗体显示区>。其中功能窗体显示区(NoTaskbar)功能可设置本工具启用的窗体图标是否在状态栏显示，并允许切换功能。 扩 展 工 具 【屏幕截图】 可以...
- `<H3>` `<H3>` 是用于定义不同级别的标题的标记，用于标注网页文本字体大小。 #### 多选题知识点解析 1. **存储器概念** - 主存（Main Memory）通常指的是RAM（Random Access Memory），而不是顺序存取存储器...
基本分为<显示设置区><隐藏功能区><自动备份区><工作表设置区><功能窗体显示区>。其中功能窗体显示区(NoTaskbar)功能可设置本工具启用的窗体图标是否在状态栏显示，并允许切换功能。 扩 展 工 具 【屏幕截图】 ...
可以设置放大倍 律，放大镜的尺寸，外观（圆形，矩形以及圆角矩形）以及是否平滑显示，按ESC键或单击右键可退出放大镜。 截屏 包括了全屏截取，当前活动窗口截取，截取选定区域，多边形截取和截取滚动页面等，基本上...
1展示了选择目标范围、放大正向工程、显示Entity的名字、新模型、显示attribute和entity、选择目标数据库、MODEL MART、编辑Subject Area、正常显示、缩小、列印、开启模型、Entity定义、存档、Complete Compare、...
3. 图 1-3：选择目标数据库 MODEL MART 工具列 EditSubject Area 正常显示缩小列印开启模型 Entity 定义存檔 Complete Compare 放大到和视窗一样。 四、新建工程 新建工程的步骤如下： 1. 单击 file 选择 new 键...
2. 图 1-2：选择目标数据库 MODEL MART 工具列 EditSubject Area 正常显示缩小列印开启模型 Entity 定义存檔 Complete Compare 放大到和视窗一样。 五、新建工程 新建工程的步骤如下： 1. 单击 File 选择 New 键...
粘贴即可，但此时整个表格会被挤得很乱， 此时可耐点性子，利用 Word 自带的图片编辑功能将形位公差图框多余的边剪去，并直接拖放形位公差图框图片至表格范围内的合适大小，为利于操作，可将文档显示放大。...
8. 图片格式：矢量图是一种基于几何形状的图像格式，如SVG，它放大后不会失真，适合用于需要清晰显示的文字和图形。 9. 计算机核心部件：CPU（中央处理器）是计算机的核心，负责执行所有计算和控制任务。 10. IE...
5. **⑤ 实体窗口（Entity Window）**：可以查看实体的名称、颜色、大小、体积、材料等信息。 这些窗口和工具栏可以根据用户的需要自由调整布局。 #### 三、基本操作方法 接下来介绍一些常用的基本操作方法： - ...
26.放大显示比例可使用什麽方式？ A. 点选式 B. 框选式 C. 鼠标式 D. A和B都正确 27.以下不是符号Symbol可选的类型的是： A. Moeie Clip B. Button C. Effect D. Graphic 28.Flash查看（View）菜单中，Go ...
ERWin的界面和工具栏包含多种功能，如选择目标范围进行放大、正向工程、显示Entity的名字、编辑Subject Area、打印模型等。在工具栏中，你可以选择不同的操作，例如创建新的模型、编辑主题域、查看Entity定义、进行...
2. **单独标注形位公差图框**：在CAD中直接标注形位公差图框，并将其放大显示在整个绘图区内。 3. **复制图框**：使用CAD的`copyclip`命令（将选定内容复制到剪贴板）来选中形位公差图框。 4. **粘贴到Word表格中**...
单击ZOOM TO AREA，可以选择一部分进行放大。捕捉：ISIS中有一个强大个功能是实时捕捉。当鼠标靠近引脚时，系统会自动进行捕捉。 在绘制电路图完成后，我们需要编写程序。PROTEUS VSM提供了多种汇编编辑编译系统，...
8. 添加节点：Modify feature 在需要加点的地方右键单击 insert vertex 也可单击右键选择 properties 打开 edit sketch properties 对话框，在坐标点位置右键插入节点。 9. 共享多边形生成：Auto-complete polygon ...
5 | Confidential © 2013 Cognex Corporation 调整相机和光源的高度 Adjust camera and light height 安装相机和光源时，保证它 们要同轴(+/-3mm) ，并且和 码的高度相同。当拍照时， 代码应该在图像的较中心的 ...