您的位置: 首页 > 软件教程 > Javascript教程专题 > 添加了 JavaScript 的图像映射

添加了 JavaScript 的图像映射

7.8分
出处:网络 时间:2011-04-26

您可能感兴趣的话题: JavaScript  

核心提示:添加了 JavaScript 的图像映射

[code]<html>
<head>
<script type="text/javascript">
function writeText(txt)
{
document.getElementById("desc").innerHTML=txt
}
</script>
</head>

<body>
<img src="/i/eg_planets.jpg" border="0" usemap="#planetmap" alt="添加了 JavaScript 的图像映射" />

<map name="planetmap" id="planetmap">

<area shape="circle" coords="180,139,14"
onMouseOver="writeText(´直到 20 世纪 60 年代,金星一直被认为是地球的孪生姐妹,因为金星是离我们最近的行星,同时还由于两者拥有很多共同的特征。´)"
href ="/example/html/venus.html" target ="_blank" alt="添加了 JavaScript 的图像映射" />

<area shape="circle" coords="129,161,10"
onMouseOver="writeText(´从地球上是很难研究水星的,这是由于它和太阳的距离总是很近。´)"
href ="/example/html/mercur.html" target ="_blank" alt="添加了 JavaScript 的图像映射" />

<area shape="rect" coords="0,0,110,260"
onMouseOver="writeText(´太阳和类似木星这样的气态行星是到目前为止太阳系中最大的物体。´)"
href ="/example/html/sun.html" target ="_blank" alt="添加了 JavaScript 的图像映射" />

</map>

<p id="desc"></p>

</body>
</html>
[/code][button value="复制代码"]

 

 

网友评论
精品软件课程
更多 >
Adobe Flash,是Macromedi... [详细]
Dreamweaver是网页制作和管理的所见... [详细]
MySQL是一个小型关系型数据库管理系统,被... [详细]
PHP是一种 HTML 内嵌式的语言,是一种... [详细]
HTML的中文叫做“超文本标记语言”。是用来... [详细]
Dreamweaver是网页制作和管理的所见... [详细]