JavaScript圖文詳細(xì)教程之圖像映射代碼_javascript

　　JavaScript的重點(diǎn)還是以代碼為主，如果要實(shí)現(xiàn)某個(gè)功能的話其實(shí)不用自己一個(gè)個(gè)敲出來(lái)，只要找出現(xiàn)成的就可以了，小編給大家提供圖像映射代碼。

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 世紀(jì) 60 年代，金星一直被認(rèn)為是地球的孿生姐妹，因?yàn)榻鹦鞘请x我們最近的行星，同時(shí)還由于兩者擁有很多共同的特征。’）”

　　href =“/example/html/venus.html” target =“_blank” alt=“Venus” /》

　　《area shape=“circle” coords=“129，161，10”

　　onMouseOver=“writeText（‘從地球上是很難研究水星的，這是由于它和太陽(yáng)的距離總是很近。’）”

　　href =“/example/html/mercur.html” target =“_blank” alt=“Mercury” /》

　　《area shape=“rect” coords=“0，0，110，260”

　　onMouseOver=“writeText（‘太陽(yáng)和類似木星這樣的氣態(tài)行星是到目前為止太陽(yáng)系中最大的物體。’）”

　　href =“/example/html/sun.html” target =“_blank” alt=“Sun” /》

　　《/map》

　　《p id=“desc”》《/p》

　　《/body》

　　《/html》