JavaWeb开发 html点击图片某区域进行操作
2016-03-07 11:36
507 查看
html开发中可能会需要用到点击一张图片的某区域进行跳转操作。例子如下:
<img src= "../Images/img.gif " width= "777 " height= "100 " border= "0 " usemap= "#Map ">
<map name= "Map ">
<area
shape= "rect " coords= "600,1,700,40 " href= "../../a.html ">
<area shape= "rect " coords= "x1,y1,x2,y2 " href= "../../b.html ">
</map>
shape="rect",属性表示:矩形区域(还有圆形和多边形具体可以查w3c);
coords="x1,y1,x2,y2",属性表示:(x1,y1)矩形为左上角顶点坐标,(x2,y2)为对角顶点。
点击图片的某区域,可以增加一些操作,如转跳到另一个页面,在href中填入需要跳转的页面即可。
shape属性其它值如下表:
<img src= "../Images/img.gif " width= "777 " height= "100 " border= "0 " usemap= "#Map ">
<map name= "Map ">
<area
shape= "rect " coords= "600,1,700,40 " href= "../../a.html ">
<area shape= "rect " coords= "x1,y1,x2,y2 " href= "../../b.html ">
</map>
shape="rect",属性表示:矩形区域(还有圆形和多边形具体可以查w3c);
coords="x1,y1,x2,y2",属性表示:(x1,y1)矩形为左上角顶点坐标,(x2,y2)为对角顶点。
点击图片的某区域,可以增加一些操作,如转跳到另一个页面,在href中填入需要跳转的页面即可。
shape属性其它值如下表:
值 | 描述 |
---|---|
default | 规定全部区域。 |
rect | 定义矩形区域。 |
circle | 定义圆形。 |
poly | 定义多边形区域。 |
相关文章推荐
- 在Windows 8.1的IE 11中屏蔽双击放大功能
- Apple官网研究之使用Justify布局导航
- 按右键另存图片只能存BMP
- photoshop去除图片上的水印
- 通过Mootools 1.2来操纵HTML DOM元素
- WEB标准网页布局中尽量不要使用的HTML标签
- Flash 与 html 的一些实用技巧
- html工作中表格<tbody>标签的使用技巧
- HTML 向 XHTML1.0 兼容性指导
- upload上传单张图片
- 图片引发的溢出危机(图)
- C#自写的一个HTML解析类(类似XElement语法)
- 没有文件大小限制并免费的PDF到HTML转换工具
- JavaScript与HTML结合的基本使用方法整理
- C#实现把彩色图片灰度化代码分享
- C#页面之间跳转功能的小结
- C#将图片和字节流互相转换并显示到页面上
- C#监控文件夹并自动给图片文件打水印的方法
- css实现气泡框效果(实例加图解)