- ·上一篇文章:Javascript教程之制作连续滚动字幕
- ·下一篇文章:巧用画图工具快速缩小图片
JavaScript教程之图像映射代码
JavaScript教程之图像映射代码 《html》 《head》 《script type=“text/javascript”》 function writeText(txt) { document.getElementById(“desc”).innerHTML=txt } 《/script》 《/head》 《body》 《img src=http://news.onlinedown.net/tutorial/“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》
JavaScript教程之图像映射代码