亲品藏
^
JavaScript教程之图像映射代码

  JavaScript的重点还是以代码为主,如果要实现某个功能的话其实不用自己一个个敲出来,只要找出现成的就可以了,小编给大家提供图像映射代码。

JavaScript教程之图像映射代码
JavaScript教程之图像映射代码

  《html》

  《head》

  《script type=“text/javascript”》

  function writeText(txt)

  {

  document.getElementById(“desc”).innerHTML=txt

  }

  《/script》

  《/head》

  《body》

  《img src=“http://img1.2345-com/duoteimg/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》

相关阅读

CopyRight 亲品藏移动版(m.qinpinchang.com)