当前位置：文档库 › 33图像映射

33图像映射

JavaScript 图像地图图像地图指的是带有可点击区域的图像. JavaScript 图像地图我们已经从 HTML 教程中了解到,图像地图是带有可点击区域的图像.通常情况下, 每个区域是一个相关的超级链接.单击某个区域,就回到达相关的链接. 实例下面的例子演示如何创建带有可点击区域的 html 图像地图:
Planets

结果添加 JavaScript 我们可向图像地图内部的标签添加(能调用 JavaScript 的)事件. 标签支持以下事件 : onClick , onDblClick , onMouseDown , onMouseUp , onMouseOver , onMouseMove,onMouseOut,onKeyPress,onKeyDown,onKeyUp,onFocus 和 onBlur. 这是添加了 JavaScript 的上面的例子:

Planets
onMouseOver="writeText('The
Sun and the gas giant
planets like Jupiter are by far the largest objects in our Solar System.')" href ="sun.htm" target ="_blank" alt="Sun" />
onMouseOver="writeText('The
planet Mercury is very
difficult to study from the Earth because it is always so close to the Sun.')" href ="mercur.htm" target ="_blank" alt="Mercury" />
onMouseOver="writeText('Until
the 1960s, Venus was
often considered a twin sister to the Earth because Venus is the nearest planet to us, and because the two planets seem to share many characteristics.')" href ="venus.htm" target ="_blank" alt="Venus" />

实例 1.简单的 HTML 图像映射本例演示一幅没有添加 JavaScript 的图像映射 Planets 2.添加了 JavaScript 的图像映射本例演示一幅添加了 JavaScript 的图像映射,当鼠标浮动于某个热点上时,会调用 JavaScript 函数来显示热点所对应的星球的简介 Planets