请输入您要查询的百科知识:

 

词条 图像热点
释义

1,什么是图像热点

标记主要用于图像地图,通过该标记可以在图像地图中设定作用区域(又称为热点),这样当用户的鼠标移到指定的作用区域点击时,会自动链接到预先设定好的页面。当你在网上冲浪的时候,一定见过这种网页效果:有一幅世界地图,当你用鼠标点击了亚洲区域时,就会进入介绍亚洲的网页;而当你用鼠标点击欧洲区域时,进入的则是关于欧洲内容的网页。

2,怎样制作图像热点

其实这种效果实际上是利用建立几个图像热点,然后再把每个热点链接到不同的网页的方式来实现的,这就是我们通常所说的图像映射链接。所谓图像映射链接指的是一个包括多个链接的单个图像,每个链接分别与一个区域相关联,这个特定区域我们常称之为热点。用鼠标单击热点的位置,就会转到链接所指向的目标页面。在页面中使用图像映射链接,图像中的热点区域必须清晰、明显。以便访问者能顺利地通过热点进入相应的页面。

其基本语法结构如下:

<area

class=type

id=Value

href=url

alt=text

shape=area-shape

coods=value>

其中。class和id:是分别指定热点的类型和id号。

alt:用于设定热点的替代性文字。

href:用于设定该热点所链接的url地址。

shape和coords:是两个主要的参数,用于设定热点的形状和大小。其基本用法如下:

<area shape="rect" coords="x1, y1,x2,y2" href=url>表示设定热点的形状为矩形,左上角顶点坐标为(X1,y1),右下角顶点坐标为(X2,y2)。

<area shape="circle" coords="x1, y1,r" href=url>表示设定热点的形状为圆形,圆心坐标为(X1,y1),半径为r。

<area shape="poligon" coords="x1, y1,x2,y2 ......" href=url>表示设定热点的形状为多边形,各顶点坐标依次为(X1,y1)、(X2,y2)、(x3,y3) ......。

<area>标记是在图像地图中划分作用区域的,因此其划分的作用区域必须在图像地图的区域内,所以在用 <area> 标记划分区域前必须用HTML的另一个标记<map>来设定图像地图的作用区域,并为指定的图像地图设定名称,该标记的用法很简单,即<map name="图像地图名称"> ...... </map>

3,在制作本文介绍的效果时应注意的几点:

1、在<img>标记不要忘记设置usemap、ismap参数,且usemap的参数值必须与<map>标记中的name参数值相同,也就是说,“图像地图名称”要一致;

2、同一“图像地图”中的所有热点区域都要在图像地图的范围内,即所有<area>标记均要在<map>与</map>之间;

3、在<area>标记中的 cords 参数设定的坐标格式要与shape参数设定的作用区域形状配套,避免出现在shape参数设置的矩形作用区域,而在cords 中设置的却是多边形区域顶点坐标的现象出现。

随便看

 

百科全书收录4421916条中文百科知识,基本涵盖了大多数领域的百科知识,是一部内容开放、自由的电子版百科全书。

 

Copyright © 2004-2023 Cnenc.net All Rights Reserved
更新时间:2024/12/23 18:49:41