html dw map,DW十六 map标签

可以在一张图片中定义一些热点

下面的示例定义了一个矩形和圆形的热点

view plaincopy to clipboardprint?

mce_shape="rect" coords="75,75,99,99" mce_coords="75,75,99,99"

nohref="nohref">

mce_shape="circ" coords="50,50,25" mce_coords="50,50,25"

nohref="nohref">

coords 属性

标签的 coords

属性定义了客户端图像映射中对鼠标敏感的区域的坐标。坐标的数字及其含义取决于 shape

属性中决定的区域形状。可以将客户端图像映射中的超链接区域定义为矩形、圆形或多边形等

圆形：shape="circle"，coords="x,y,z"

这里的 x 和 y 定义了圆心的位置("0,0" 是图像左上角的坐标)，r 是以像素为单位的圆形半径。

多边形：shape="polygon"，coords="x1,y1,x2,y2,x3,y3,..."

每一对 "x,y" 坐标都定义了多边形的一个顶点("0,0"

是图像左上角的坐标)。定义三角形至少需要三组坐标；高纬多边形则需要更多数量的顶点。

多边形会自动封闭，因此在列表的结尾不需要重复第一个坐标来闭合整个区域。

矩形：shape="rectangle"，coords="x1,y1,x2,y2"

第一个坐标是矩形的一个角的顶点坐标，另一对坐标是对角的顶点坐标，"0,0"

是图像左上角的坐标。请注意，定义举行实际上是定义带有四个顶点的多边形的一种简化方法。

注意：如果某个 area 标签中的坐标和其他区域发生了重叠，会优先采用最先出现的 area

标签。浏览器会忽略超过图像边界范围之外的坐标。

html dw map,DW十六 map标签相关推荐

map赋值给另一个map_Java学习(十六): Lambda操作Map
1. Java8新加入的lambda方法由于继承关系,他们相应的子类也都会继承这些新方法. 2. forEach() 该方法签名为void forEach(BiConsumer super K,? ...
来自极客标签10款最新设计素材-系列十六
本周我们推荐来自极客标签社区带来的10款免费设计素材,大家可以在这里免费下载你需要的内容.如果你也有更好的作品,欢迎分享到社区中来,在得到帮助的同时,也能与更多人分享来自你的作品. 免费图标:扁平风格 ...
SAP UI5 应用开发教程之三十六 - 使用 Chrome 开发者工具 Elements 标签动态修改 CSS 类试读版
一套适合 SAP UI5 初学者循序渐进的学习教程教程目录 SAP UI5 本地开发环境的搭建 SAP UI5 应用开发教程之一:Hello World SAP UI5 应用开发教程之二:SAP U ...
JavaSE进阶之（十）Map 子接口之 ConcurrentHashMap
十.Map 子接口之 ConcurrentHashMap 10.1 JDK 1.7 中的 ConcurrentHashMap 01.JDK 1.7 中 ConcurrentHashMap 底层结构 0 ...
第二十六章使用 CSP 进行基于标签的开发
文章目录第二十六章使用 CSP 进行基于标签的开发 CSP 编译器自动和手动页面编译第二十六章使用 CSP 进行基于标签的开发 CSP 允许使用标准 HTML 文件开发 CSP 应用程序. ...
寒假训练十（map，pair，string）2020.02.17（4题）
寒假训练十(map) id:535 Problem:A 保龄球-map Description DL 算缘分算得很烦闷,所以常常到体育馆去打保龄球解闷.因为他保龄球已经打了几十年了,所以技术上不成问题 ...
【JavaScript进阶之旅 ES6篇第十五章】Set、Map、Set跟Map跟Array跟Object的对比
文章目录一.Set 1.基本用法 2.Set.prototype 二.Map 1.基本用法 a. 键名为对象时 b. 普遍对象不能实现键值一一对应 c. Map数据结构实现键为对象的一一对应 d. ...
Java SE 第四十八,九,五十讲 Map深入详解及遍历Map的两种实现手段 Map.Entry详解与作业要求,作业讲解...
1.Map接口:Map的实现类:HashMap类 Map没有add()方法,但是有put()方法. put()将指定的值关联到map中的特定key. 2.HashMap类: 3.vice versa: ...
C++程序设计原理与实践习题答案第二十六章第26章习题答案
第二十六章:测试习题答案本章的BinarySearch Binary_Search.h 26.2 26.2 测试集 26.3 26.4 26.5 26.8 and 26.9 26.8 测试集 26 ...

html dw map,DW十六 map标签

html dw map,DW十六 map标签相关推荐

最新文章

热门文章