33图像映射 - 360文档中心

合集下载

相关主题

1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。

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