Js經(jīng)典案例的實例代碼
本文講述了JS實現(xiàn)鼠標(biāo)懸停切換圖片,顯示天氣預(yù)報,利用焦點實現(xiàn)選擇網(wǎng)站的實例代碼,分享給大家供大家參考,具體如下:
鼠標(biāo)懸停切換圖片:
<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('你的鼠標(biāo)在圖片上!')")/> </a> </body> </html>
js顯示天氣預(yù)報:
<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利用焦點實現(xiàn)選擇網(wǎng)站:
<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">優(yōu)酷</a> <a id="4">土豆</a> <input id="Button1" type="button" value="選擇" onclick="showtable()" /><br /> <input id="Button2" type="button" value="進(jìn)入" onclick="openhref()" /> </body> </html>
以上就是這篇文章的全部內(nèi)容了,希望本文的內(nèi)容對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,如果有疑問大家可以留言交流,謝謝大家對腳本之家的支持。
相關(guān)文章
JavaScript實現(xiàn)網(wǎng)頁端播放攝像頭實時畫面
這篇文章主要介紹了如何利用JavaScript實現(xiàn)在網(wǎng)頁端播放局域網(wǎng)(不能上云)或是廣域網(wǎng)的攝像頭的實時畫面,文中的示例代碼講解詳細(xì),需要的可以參考一下2022-02-02javascript中刪除指定數(shù)組中指定的元素的代碼
已知一個數(shù)組,我們想用指定的方法對數(shù)組中的元素進(jìn)行逐一操作。需要的朋友可以參考下。2011-02-02利用原生JS實現(xiàn)懶加載lazyLoad的三種方法總結(jié)
加載頁面的時候,圖片一直都是流量大頭,針對圖片的性能方法也挺多的比如base64、雪碧圖等;懶加載也是其中一種,這篇文章主要給大家介紹了關(guān)于利用原生JS實現(xiàn)懶加載lazyLoad的三種方法,需要的朋友可以參考下2021-07-07javascript實現(xiàn)根據(jù)函數(shù)名稱字符串動態(tài)執(zhí)行函數(shù)的方法示例
這篇文章主要介紹了javascript實現(xiàn)根據(jù)函數(shù)名稱字符串動態(tài)執(zhí)行函數(shù)的方法,結(jié)合實例形式分析了JS函數(shù)名的判斷及函數(shù)動態(tài)調(diào)用相關(guān)操作技巧,需要的朋友可以參考下2016-12-12webpack拆分壓縮css并以link導(dǎo)入的操作步驟
我們運行打包后會發(fā)現(xiàn)less轉(zhuǎn)為了css文件,但css文件確通過js加入style標(biāo)簽,下面我們將css進(jìn)行拆分出來,并以link標(biāo)簽引入,具體實現(xiàn)步驟一起看看吧2021-10-10