本文講述了JS實現鼠標懸停切換圖片，顯示天氣預報，利用焦點實現選擇網站的實例代碼，分享給大家供大家參考，具體如下：
鼠標懸停切換圖片：
<html><head><script type="text/javascript">function mouseOver(){document.getElementById('b1').src ="diaochan.jpg"}function mouseOut(){document.getElementById('b1').src ="noimage.gif"}</script></head><body><a href="#" onmouseover="mouseOver()" onmouseout="mouseOut()"><img alt="Visit W3School!" src="noimage.gif" id="b1" onmouseover="alert('你的鼠標在圖片上！')")/></a></body></html>js顯示天氣預報：
<html><head><title></title><script type="text/javascript"></script></head><body ><div><iframe src="http://m.weather.com.cn/m/pn11/weather.htm" width="480" height="70" frameborder="1"></iframe></div></body></html>
js利用焦點實現選擇網站：
<html xmlns="http://www.w3.org/1999/xhtml"><head> <title></title> <script type="text/javascript"> var i = 1; var focusid; function defau() { document.getElementById('1').focus(); focusid=1; } function showtable() { var id = i + 1; document.getElementById(id).focus(); focusid=id; i++; if (i == 4) { i = 0; } } function openhref() { var href = document.getElementById(focusid).href; document.location = href; } </script></head><body onload="defau()"><a id="1">百度</a><a id="2">谷歌</a><a id="3">優酷</a><a id="4">土豆</a> <input id="Button1" type="button" value="選擇" onclick="showtable()" /><br /> <input id="Button2" type="button" value="進入" onclick="openhref()" /></body></html>以上就是這篇文章的全部內容了，希望本文的內容對大家的學習或者工作具有一定的參考學習價值，如果有疑問大家可以留言交流，謝謝大家對武林網的支持。
新聞熱點
疑難解答
