带有可点击区域的map图像映射

如果需要规定一个不规则点击区域可用map图像映射

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>map图像映射</title>
</head>

<body>
<img src="3.jpg" border="0" usemap="#picmap"  />
<map id="picmap" name="picmap">
<area shape="circle" coords="20,20,20" href="http://www.baidu.com" target="_blank" alt="123" />
 <area shape="poly" coords="30,0,30,100,80,100" href="http://www.baidu.com" target="_blank" alt="456" />
</map>
</body>
</html>

时间： 2024-10-06 13:42:24

带有可点击区域的map图像映射的相关文章

HTML <map> 标签－创建带有可点击区域的图像映射

定义和用法定义一个客户端图像映射.图像映射(image-map)指带有可点击区域的一幅图像. 所有主流浏览器都支持 <map> 标签. 注释:area 元素永远嵌套在 map 元素内部.area 元素可定义图像映射中的区域. <img>中的 usemap 属性可引用 <map> 中的 id 或 name 属性(取决于浏览器),所以我们应同时向 <map> 添加 id 和 name 属性. 实例带有可点击区域的图像映射: <html> <

带有可点击区域的图像映射：HTML <map> 标签

实例带有可点击区域的图像映射: <img src="planets.jpg" border="0" usemap="#planetmap" alt="Planets" /> <map name="planetmap" id="planetmap"> <area shape="circle" coords="180,139,14

HTML <area> 标签带有可点击区域的图像映射（图像映射指的是带有可点击区域的图像）

例子: <img src="planets.gif" width="145" height="126" alt="Planets" usemap="#planetmap"> <map name="planetmap"> <area shape="rect" coords="0,0,82,126" href="

如何在页面上实现一个圆形的可点击区域？

三种解决方案: html标签.css实现. 纯js实现方案一: 定义一个客户端图像映射.图像映射(image-map)指带有可点击区域的一幅图像. <img src="task6.jpg" width="1366" height="768" border="0" usemap="#Map" /> <map name="Map" id="Map"&g

创建图像映射

图像映射:带有可点击区域的图像.通常不同区域对应不同的超级链接. 分类: 1.服务器端图像映射:把鼠标的 x.y 坐标(相对于图像的左上角)发送到服务器端.服务器端程序根据坐标来做出响应. 2.客户端图像映射:鼠标的坐标信息无需提交服务器,点击映射即可链接到目标位置. 用法 1.服务器端图像映射:

图像热点&图像映射

图像映射图像映射也称为图像热点. 作用: 让同一张图片上的不同区域,可以实现多个不同的超链接功能. 图示: <map>图像映射三步走: 图像映射的实现需要三方面配合完成: 1.图像映射容器,就是一个img标签,需使用usemap属性与map标签建立联系 2.图像映射,就是一个map标签,需要使用name属性与map标签建立联系 3.热点区域,需要使用map标签的子标签area来建立热点区域 ? 语法格式: <img src="1.jpg" usemap="

点击区域外隐藏该区域，event.stopPropagation()

event.stopPropagation() Description: Prevents the event from bubbling up the DOM tree, preventing any parent handlers from being notified of the event. 点击区域外隐藏该区域Example: 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta content="chars

在UITableView的 didSelectRowAtIndexPath中获取点击区域

项目中,要在UITableViewCell区分不同的点击区域,比如左边点击执行某个操作,右边点击执行另一个操作.原本我的方案是在cell的左边和右边各放一个透明的UIButton,点击两个button执行不同的操作,而controller中的didSelectRowAtIndexPath函数就设为空了.但是后来有个问题,就是可以同时用多个手指长按在不同的cell上,导致触发过个操作,而且cell的选中态也不好控制. 后来想到,UIview的触摸事件可以得到触摸的位置,那可不可以在cell的tou

如何扩大ImageView的点击区域

我们在开发中会遇到,给imageview设置点击事件,但是美工切的原始图片一般在24dp左右,这个尺寸点击时会出现不灵敏的情况(点击区域太小). 解决方案: 给imageView设置 scaleType=”centerInside“ 然后加大imageview的尺寸即可. 设置这个属性后,imageview不管多大,图片总是以本身的大小剧中显示. 注意事项:如果直接使用padding值来设置,图片的大小调整不好的话会出现图片被拉伸或压缩的情况.所以最简便的方法是使用scaleType属性