页面图像动态加热区,(使用map标签)
在Html中,给图像使用map标签,可以给图像的某个部分建立超连接,用法如下:
<img src=img.gif usemap="MAP-Name">
<map name="MAP-Name">
<area shape="rect|circle|poly" coords="#" href="url">
</map>
注:所有的坐标都是相对于图片左上角的
其中,坐标coords对各个shape的解释如下:
shape="rect" coords="x1,y1,x2,y2" // (x1,y1)=Upper Left, (x2,y2)=Lower Right
即,当shape是矩形时,coords表示矩形左上及右下(x2, y2)的坐标
shape="circle" coords="x,y,r" // (x,y)=Center, r=Radius
即,当shape是圆形时,coords表示圆中心点坐标(x, y)及半径
shape="poly" coords="x1,y1,x2,y2,x3,y3..." // (x1,y1>=First Corner, (x2,y2)=Second Corner, ...
即,当shape是poly多边形时,coords表示多边形所有顶点的坐标(x1,y1),(x2,y2),(x3,y3)...
注意:以上所有坐标都是相对于图形img.gif左上脚坐标而言的
以下是一个例子:
<img src="mapimg.gif" usemap="#Face">
<map name="Face">
<area shape="rect" href="page.html" coords="140,20,280,60">
<area shape="poly" href="image.html" coords="100,100,180,80,200,140">
<area shape="circle" href="new.html" coords="80,100,60">
</map>
分享到:
相关推荐
HTML5中新增了一些标签,如`<article>`、`<aside>`、`<audio>`、`<canvas>`、`<video>`等,同时也废弃了一些标签,如`<applet>`、`<basefont>`等。 HTML标签是网页开发的基础,熟悉这些标签的用途和功能是开发网页...
51、<map> 定义图像映射。 声明:本电子书内容源于网络,所有内容仅供测试, 不保证内容的正确性! HTML 5中文参考手册 由夏天(博客:www.xiatianhk.com)收集并整理 52、<mark> 定义有记号的文本。 53、<menu> 定义...
<br>Safari 2 3575ms 475ms 753% <br>Opera 9.1 3196ms 326ms 980% <br>Average improvement: 867% <br><br>下表为jQuery1.1.3与常用的一些JS库选择器的对比:<br>Browser Prototype jQuery Mootools Ext Dojo <br>...
嵌入jsp里面的地图,左上角的人形可以拖动到可以看的位置就会看到当地的接到和人物。
Map<String, List<String>> decodedQueryParameters = decodeParameters(session.getQueryParameterString()); StringBuilder sb = new StringBuilder(); sb.append("<html>"); sb....
<p>one</p> <div><p>two</p></div> <p>three</p> jQuery 代码: $("div > p"); 结果: [ <p>two</p> ] -------------------------------------------------------------------------------- 在文档的第一个表单...
亲自试一试<html> <head> <script type="text/javascript" src="/jquery/jquery.js"></script> <script type="text/javascript"> $(document).ready(function(){ $("#hide").click(function(){ $("p").hide(); })...
精彩视频是从网上下载的mp4格式,将之放入文件夹map4下,使用<source>标签定义媒介资源,并且点开页面自动加载运行。站长简介和注册使用了<form>表单。文章分布、趣味游戏使用<script>进行表单验证和动态内容修改。...
其它的运行符可以作用于数字和日期,但不能作用于字符串,大部分的时候,使用gt等字母运算符代替>会有更好的效果,因为 FreeMarker会把>解释成FTL标签的结束字符,当然,也可以使用括号来避免这种情况,如:<#if (x>y)> ...
9. `<link>`和`<script>`标签分别用来做什么? 10. 行内元素和块级元素的区别是什么? 11. HTML5中的表单元素有哪些新变化? 12. 什么是图像地图(image map)? 13. HTML注释的语法是什么? 14. iframe是什么,主要...
</templates>模板(template)template元素用于定义一个模板,包含一个属性name,用于唯一标识该模板标题行(tittleRow)使用titleRow可以定义多行标题,每行标题又包含多个标题列(titleCol),标题列可以像html ...
1,开始标签:<#directivename parameter> 2,结束标签:</#directivename> 3,空标签:<#directivename parameter/> 实际上,使用标签时前面的符号#也可能变成@,如果该指令是一个用户指令而不是系统内建指令时,应将#符号...
(1)定义热点区域:使用<map>标签定义热点区域,每个热点区域使用<area>标签说明。热点区域的形状、位置坐标、及其指向的url地址信息都需要指定。 (2)热点区域的形状和坐标:<area>标签的shape属性指定热点区域...
7. <s:autocompleter></s:autocompleter>-----自动完成<s:combobox>标签的内容,这个是ajax B: 1. <s:bean name=""></s:bean>-----类似于struts1.x中的,JavaBean的值 C: 1. <s:checkbox></s:checkbox>---...
html map 标签使用
area 元素总是嵌套在 <map> 标签中。本文重点给大家介绍html area标签的相关知识,需要的朋友参考下吧
本文实例讲述了JSP实现用于自动生成表单标签html代码的自定义表单标签。...Map<String> map = new HashMap<String>(); map.put(2, 选项二); map.put(3, 选项三); map.put(4, 选项四); map.put(5, 选
protected List<Content> getList(Map<String, TemplateModel> params, Environment env) throws TemplateException { Integer[] ids = DirectiveUtils.getIntArray(PARAM_IDS, params); if (ids != null) { //...
public Map<String, AuthzHandler> getJdbcAuthz(); } 13.shiro的freemarker标签库 <@shiro.hasPermission name="P_USER"> <li><a href="/admin/user">${i18n.getText("admin.user")}</a></li> ...
NULL 博文链接:https://zongyukai20070419095606.iteye.com/blog/603698