front-end:map ,jump to some area
2017-12-13 17:15
465 查看
http://blog.csdn.net/dante_feng/article/details/50818154
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属性其它值如下表:
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属性其它值如下表:
值 | 描述 |
---|---|
default | 规定全部区域。 |
rect | 定义矩形区域。 |
circle | 定义圆形。 |
poly | 定义多边形区域。 |
相关文章推荐
- some advise to write Front end Engineer resume
- fatal: The remote end hung up unexpectedly error: failed to push some refs to ''
- Where to find a NetWeaver BW/BI 7.x Frontend Support Package
- linux:vim front end some plugins
- java.io.EOFException: No content to map to Object due to end of input
- 14.Adding Frontend Files to your Module
- [转]SCIM输入启动遭遇“Failed to load x11 FrontEnd module. ”错误
- No content to map due to end-of-input
- 8 Tips To Become A Better Front End Developer
- java.io.EOFException: No content to map to Object due to end of input
- A better front end to WinDiff
- java.io.EOFException: No content to map to Object due to end of input
- com.fasterxml.jackson.databind.JsonMappingException: No content to map due to end-of-input
- vi / vim: Jump To End Of File Command vi 如何跳到最后一行
- 解决 ECMall 错误 Call to a member function get() on a non-object in frontend.base.php
- How to run debug SQL with in front end(EBS)?
- docker制作镜像 apt-get 安装文件报错debconf: unable to initialize frontend: Dialog
- java.io.EOFException: No content to map to Object due to end of input
- "Can I use" provides up-to-date browser support tables for support of front-end web technologies on desktop and mobile web browsers.
- bug retrofit 异常返回 error:No content to map due to end-of-input okhttp3.ResponseBody$BomAwareReader