添加了JS的图像映射

时间：2013-09-18 09:40 来源：作者：收藏

2345软件教程,为您打造全面的软件教程手册,无论是新奇小软件的操作还是专业软件的使用技巧,2345软件教程都会为您解疑释惑。

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

<html><head> <div class="ke-script" data-ke-script-attr="%20type%3D%22text/javascript%22">%0Afunction%20writeText%28txt%29%0A%7B%0Adocument.getElementById%28%22desc%22%29.innerHTML%3Dtxt%0A%7D%0A</div> </head><body><img src="http://img1.2345.com/duoteimg/i/eg_planets.jpg" data-ke-src="http://img1.2345.com/duoteimg/i/eg_planets.jpg" border="0" usemap="#planetmap" /> <map name="planetmap" id="planetmap"><area shape="circle" coords="180,139,14" data-ke-onMouseOver="writeText('直到 20 世纪 60 年代，金星一直被认为是地球的孪生姐妹，因为金星是离我们最近的行星，同时还由于两者拥有很多共同的特征。')" href ="/example/html/venus.html" target ="_blank" /> <area shape="circle" coords="129,161,10" data-ke-onMouseOver="writeText('从地球上是很难研究水星的，这是由于它和太阳的距离总是很近。')" href ="/example/html/mercur.html" target ="_blank" /> <area shape="rect" coords="0,0,110,260" data-ke-onMouseOver="writeText('太阳和类似木星这样的气态行星是到目前为止太阳系中最大的物体。')" href ="/example/html/sun.html" target ="_blank" /></map><p id="desc"><br /></p></body></html>

开发教程

添加了JS的图像映射

js/jQuery教程阅读排行

最新文章

服务咨询

整站源码

网站模板

免费源码

关于我们

扫码关注有惊喜