JavaScript簡單實現(xiàn)鼠標移動切換圖片的方法
本文實例講述了JavaScript簡單實現(xiàn)鼠標移動切換圖片的方法。分享給大家供大家參考,具體如下:
<title>JavaScript切換圖片</title> <script> function showDaTu(src){ document.getElementById("defaultImg").src=src; } </script> <img src="images/wall1.jpg" id="defaultImg"> <br><br><br> <img src='images/wall_s1.jpg' onmouseover="showDaTu('images/wall1.jpg')"> <img src='images/wall_s2.jpg' onmouseover="showDaTu('images/wall2.jpg')"> <img src='images/wall_s3.jpg' onmouseover="showDaTu('images/wall3.jpg')"> <img src='images/wall_s4.jpg' onmouseover="showDaTu('images/wall4.jpg')"> <br>因圖片較大,請等待圖片加載完成……然后鼠標放小圖上就會切換了。
更多關于JavaScript相關內(nèi)容感興趣的讀者可查看本站專題:《JavaScript查找算法技巧總結》、《JavaScript動畫特效與技巧匯總》、《JavaScript錯誤與調試技巧總結》、《JavaScript數(shù)據(jù)結構與算法技巧總結》、《JavaScript遍歷算法與技巧總結》及《JavaScript數(shù)學運算用法總結》
希望本文所述對大家JavaScript程序設計有所幫助。
相關文章
JS實現(xiàn)網(wǎng)頁上隨機產(chǎn)生超鏈接地址的方法
這篇文章主要介紹了JS實現(xiàn)網(wǎng)頁上隨機產(chǎn)生超鏈接地址的方法,涉及JavaScript隨機數(shù)的相關使用技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-11-11JavaScript中的this陷阱的最全收集并整理(沒有之一)
這篇文章主要介紹了JavaScript中的this陷阱的最全收集,需要的朋友可以參考下2017-02-02JavaScript setInterval()與setTimeout()計時器
這篇文章主要介紹了JavaScript setInterval()與setTimeout()計時器,文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友們下面隨著小編來一起學習學習吧2019-12-12ant-design-pro使用qiankun微服務配置動態(tài)主題色的問題
這篇文章主要介紹了ant-design-pro使用qiankun微服務配置動態(tài)主題色,本文給大家介紹的非常詳細,對大家的學習或工作具有一定的參考借鑒價值,需要的朋友可以參考下2022-03-03