Xjian

.NET热点地图相信大家都已经能够熟练驾驭了,那js的呢?

当我知道这个消息,我非常兴奋,JS越来越让人喜欢了!

当前静态页面的流行..js必将成为主流中的主流

图片附上:

废话不多说,直接上码:

<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="Planets" />

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

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

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

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

</map>

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

</body>
</html>

分类:

技术点:

相关文章:

  • 2021-06-03
  • 2021-08-08
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2021-08-13
  • 2021-12-22
  • 2022-02-01
猜你喜欢
  • 2021-12-15
  • 2022-12-23
  • 2021-06-11
  • 2022-02-16
  • 2021-07-05
相关资源
相似解决方案