7.5.2.htm

来自「一部非常好的javaScript教程」· HTM 代码 · 共 26 行

HTM

26 行

<html>
<head>
<title>Untitled Document</title>
<LINK REL ="stylesheet" TYPE = "text/css" HREF = ".../contents.css">

<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
</head>

<body bgcolor="#FFFFFF">
<h2 align="center">客户端图像映射</h2>
<p>实际上，AREA 标记符并不是象 A 标记符那样单独使用的，它只有用在 MAP 标记符内构成客户端图像映射时才有意义。</p>
<p>
1.　什么是客户端图像映射<p>
所谓客户端图像映射是指网页上的一幅图像，其中包括多个区域，每个区域对应于一个超链接，单击任意区域可以跳转到相应的页面。<p>
使用客户端图像映射应首先用 MAP 标记符定义映射区域，然后在 IMG 标记符中使用 USEMAP 属性与所定义的映射区域关联。在定义映射区域时，每个区域都对应于一个 
AREA 标记，该标记具有 shape（说明映射区域的形状，取值为 rect | circle | poly，分别表示长方形、圆形和多边形）、coords（表示映射区域的坐标，根据 
shape 的不同而不同）、href（表示单击映射区域时要跳转到的 URL）和 target（表示超链接的目标窗口）等常用属性。具体如何使用客户端图像映射，请参见以下示例。<p>
2.　导航条示例<p>
客户端图像映射的一个最常见的应用就是作为页面导航条。例如，在书中图 7.10 中（该页面取自 www.263.net），页面最上面的灰色导航条就是用图像映射实现的（请注意鼠标指针和状态栏）。<p>
<p><a href="../src/tu7.11.htm" target="_blank">示例</a> 
<p>
从这段代码可以看出，制作图像映射关键是要确定图像上的映射区域，也就是指定 AREA 标记符的 shape 和 coords 属性。对于简单的图像映射，可以直接使用图形图像处理软件获取每个区域的坐标；对于比较复杂的图像映射，通常应借助于专门的图像映射编辑器（如 
&quot;Map This&quot;）或网页编辑软件（如 FrontPage2000、Dreamweaver3.0 等）。 
</body>
</html>

7.5.2.htm - 源码说明

本页面展示了「一部非常好的javaScript教程」中的 7.5.2.htm 源码文件，采用 HTM 编程语言编写，共 26 行代码。您可以在线阅读完整代码内容，也可以返回资源详情页下载完整源码包进行本地学习和开发。

虫虫下载站收录了大量与javaScript相关的技术资源，包括源代码、技术文档、电路图等，是电子工程师和嵌入式开发者的专业学习平台。

⌨️ 快捷键说明

复制代码Ctrl + C

搜索代码Ctrl + F

全屏模式F11

增大字号Ctrl + =

减小字号Ctrl + -

显示快捷键?