创建图像映射

图像映射：带有可点击区域的图像。通常不同区域对应不同的超级链接。

分类：

1、服务器端图像映射：把鼠标的 x、y 坐标（相对于图像的左上角）发送到服务器端。服务器端程序根据坐标来做出响应。

2、客户端图像映射：鼠标的坐标信息无需提交服务器，点击映射即可链接到目标位置。

用法

1、服务器端图像映射：

时间： 2024-08-09 06:35:16

创建图像映射的相关文章

【创建图像映射】

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html;charset=utf-8"> <tit

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

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 中有关图像的元素:( 根据W3标准 ,元素不推荐的属性不做分析 ) <img>元素------向网页中嵌入一幅图像 img元素的属性: (1)src:图片来源URL. (2)alt: 规定图像的替代文本. (3)height和width:单位为像素,如果不指定,则为默认:如果只指定height或width,则自动调整大小. (4)ismap :将图像定义为服务器端图像映射. (5)usemap:将图像定义为客户器端图像映射. (6)longdes

图像映射

<img src="planets.jpg" border="0" usemap="#planetmap" alt="Planets" /> <map name="planetmap" id="planetmap"> <area shape="circle" coords="180,139,14" href =&quo

Zabbix用户福利来了，解放你的双手，动态根据用户需求自动创建图像

Zabbix的装逼利器grafana, 不是单单只是好看而已 grafana + zabbix 实现zabbix漂亮得衣服,你以为我会这么说:不不不,如果是那样我标题也不会说grafana不止是好看而已,我看重得是他得动态数据能力. 有人会觉得 grafana 只是好看而已,但是一个个创建图像太麻烦了,尽管很好看最后还是放弃使用了,我这里要提到的 grafana 动态数据能力能够释放你得双手,解决反复创建图像得繁琐工作. grafana 什么动态数据能力呢? 又有什么用呢? 能够给我们带来什

html 图像映射（一个图像多个连接）

以前就见过那种导航地图,点击地图的不同省份分别跳到不同的连接,现在用html实现一下,简单的. 图像映射是指一个图像可以建立多个连接,就是在图像上面定义多个区域,每个区域连接到不同的地址. 效果如图:(可以直接分别点击四个人物头像试试!) 点击索隆,跳到索隆. 点击索隆,跳到索隆. 1 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/lo

9-1创建图像的基本步骤

学前了解: 在PHP中可以通过GD库处理图像创建一个图像应该完成如下所示的四个基本步骤: 1.创建图像 2.绘制图像 3.输出图像 header函数注意点在该函数之前,不能输出任何内容在我们的PHP代码的函数里面,我们使用的/开头的路径这个/不是指 web根目录,而是操作系统的文件的根目录! 4.释放资源 <?php header('Content-type:image/jpeg');//默认情况header('Content-type:text/html'); $img=imagec

图像热点&图像映射

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