JavaScript簡單實現(xiàn)鼠標移動切換圖片的方法
更新時間：2016年02月23日 11:51:33 作者：Microblue
這篇文章主要介紹了JavaScript簡單實現(xiàn)鼠標移動切換圖片的方法,涉及JavaScript針對鼠標事件的響應及頁面元素的動態(tài)變換技巧,需要的朋友可以參考下
本文實例講述了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程序設計有所幫助。
相關文章
這篇文章主要介紹了ES6 對象的新功能與解構賦值介紹，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2019-02-02
不同的排序算法，執(zhí)行效率有著天壤之別，本腳本用JavaScript演示了各種常見的排序算法，包括：冒泡排序、選擇排序、插入排序、謝爾排序、快速排序(遞歸)、快速排序(堆棧)、歸并排序、堆排序2014-09-09
JS實現(xiàn)網(wǎng)頁上隨機產(chǎn)生超鏈接地址的方法
這篇文章主要介紹了JS實現(xiàn)網(wǎng)頁上隨機產(chǎn)生超鏈接地址的方法,涉及JavaScript隨機數(shù)的相關使用技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-11-11
JavaScript中的this陷阱的最全收集并整理(沒有之一)
這篇文章主要介紹了JavaScript中的this陷阱的最全收集,需要的朋友可以參考下2017-02-02
javascript 彈出層效果代碼。需要的朋友可以測試下。2009-10-10
JavaScript setInterval()與setTimeout()計時器
這篇文章主要介紹了JavaScript setInterval()與setTimeout()計時器，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2019-12-12
ant-design-pro使用qiankun微服務配置動態(tài)主題色的問題
這篇文章主要介紹了ant-design-pro使用qiankun微服務配置動態(tài)主題色,本文給大家介紹的非常詳細，對大家的學習或工作具有一定的參考借鑒價值，需要的朋友可以參考下2022-03-03
在本地使用Excel時，經(jīng)常會有需要在Excel中添加一些附件文件的需求，今天小編將為大家介紹如何使用前端HTML+JS+CSS技術通過超鏈接單元格的形式實現(xiàn)在線Excel附件上傳、下載和修改的操作，需要的可以參考下2023-08-08
這篇文章主要為大家詳細介紹了JavaScript面向對象編寫購物車功能的相關資料，具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-08-08
這篇文章主要為大家詳細介紹了js實現(xiàn)隨機點名，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-01-01