王朝百科
分享
 
 
 

图像映射

王朝百科·作者佚名  2010-01-17  
宽屏版  字体: |||超大  

图像映射是一个能对链接指示作出反应的图形或文本框。单击该图形或文本框的已定义区域,可转到与该区域相链接的目标 (URL)。

图像映射分为两种类型:在从 Internet 装入图形的客户机上进行处理的,称为客户端图像映射;在向 Internet 提供 HTML 页面的服务器计算机上进行处理的,称为服务器端图像映射。在服务器处理中,单击某个图像映射会将该图像中光标的相对坐标发送到服务器,并由服务器上的专用程序作出相应的反应。在客户端处理中,单击图像映射的已定义热点将激活 URL,这与单击了普通文本链接的效果类似。当鼠标指针移到图像映射上时,会在指针下方显示 URL。

图像映射基本分为在服务器上(即 Internet 提供商)分析及在客户电脑中的 Web 浏览器上分析两种。

客户端图像映射

现代型的客户端图像映射在服务器端没有那么复杂。鼠标移到图片或框架区域上时,链接的 URL 的外观会指示读者是否可以单击此区域。图像映射存储在图片的下一层,含有引用区域的相关信息。客户端图像映射唯一的缺点是,不能在早期的 Web 浏览器上对其进行访问,不过这个问题会随着时间推移而自行解决。

服务器端图像映射

服务器端页面图像映射显示给读者的部分为页面上的图像或框对象。在图像映射上单击鼠标后,光标的相对位置坐标将被发送到服务器。然后服务器会通过一个专用程序来确定要执行的下一个步骤。可以使用多种不兼容的方法来定义此过程,其中最常用的两种方法是:

————————————————————————————————————————————————————————

html语法之--使用图像映射

1 什么是图像映射

所谓图像映射是指在一幅图中定义若干个区域,每个区域中指定一个不同的超链接,当单击不同的区域时便可以跳转到相应的目标页面。

2 创建图像映射

2.1 定义映射区域

定义映射区域使用MAP标记符,在<MAP>和</MAP>之间添加映射区域。添加映射区域使用AREA标记符。该标记符具有三个基本属性:

href 标识出目标的URL

shape 说明映射区域的形状。取值可是:

rect 矩形

circle 圆形

poly 多边形

default 整个图像区域 coords 用于标识映射区域的边界。 2.1 对映射区域进行引用

标记了映射区域之后,就可以通过在IMG标记符中使用usermap属性来引用相应的映射信息。

一个完整的图像映射语法如下:

<map name="mymap">

<area href=URL1 shape=rect coords="x1,y1,x2,y2">

<area href=URL2 shape=circle coords="x,y,r">

<area href=URL3 shape=poly coords="x1,y1,x2,y2,...,xn,yn">

</map>

<img src=image_URL usemap=#mymap>

注意:map标记符中,name属性的取值必须与img标记符中,usemap属性的取值相同,只是usemap属性的值前面多了一个# 。

 
 
免责声明:本文为网络用户发布,其观点仅代表作者个人观点,与本站无关,本站仅提供信息存储服务。文中陈述内容未经本站证实,其真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。
中国古代四大美女:背后隐藏惊人秘密
 女性   2025-06-20
如何用java替换看不见的字符比如零宽空格&#8203;十六进制U+200B
 干货   2023-09-10
网页字号不能单数吗,网页字体大小为什么一般都是偶数
 干货   2023-09-06
java.lang.ArrayIndexOutOfBoundsException: 4096
 干货   2023-09-06
Noto Sans CJK SC字体下载地址
 干货   2023-08-30
window.navigator和navigator的区别是什么?
 干货   2023-08-23
js获取referer、useragent、浏览器语言
 干货   2023-08-23
oscache遇到404时会不会缓存?
 干货   2023-08-23
linux下用rm -rf *删除大量文件太慢怎么解决?
 干货   2023-08-08
刀郎新歌破世界纪录!
 娱乐   2023-08-01
js实现放大缩小页面
 干货   2023-07-31
生成式人工智能服务管理暂行办法
 百态   2023-07-31
英语学习:过去完成时The Past Perfect Tense举例说明
 干货   2023-07-31
Mysql常用sql命令语句整理
 干货   2023-07-30
科学家复活了46000年前的虫子
 探索   2023-07-29
英语学习:过去进行时The Past Continuous Tense举例说明
 干货   2023-07-28
meta name="applicable-device"告知页面适合哪种终端设备:PC端、移动端还是自适应
 干货   2023-07-28
只用css如何实现打字机特效?
 百态   2023-07-15
css怎么实现上下滚动
 干货   2023-06-28
canvas怎么画一个三角形?
 干货   2023-06-28
canvas怎么画一个椭圆形?
 干货   2023-06-28
canvas怎么画一个圆形?
 干货   2023-06-28
canvas怎么画一个正方形?
 干货   2023-06-28
中国河南省郑州市金水区蜘蛛爬虫ip大全
 干货   2023-06-22
javascript简易动态时间代码
 干货   2023-06-20
 
>>返回首页<<
 
 
静静地坐在废墟上,四周的荒凉一望无际,忽然觉得,凄凉也很美
© 2005- 王朝网络 版权所有