《javaScript100例|02》超级经典一套鼠标控制左右滚动图片带自动翻滚
生活随笔
收集整理的這篇文章主要介紹了
《javaScript100例|02》超级经典一套鼠标控制左右滚动图片带自动翻滚
小編覺得挺不錯的,現(xiàn)在分享給大家,幫大家做個參考.
目錄
效果圖
JS示例
源碼地址:
效果圖
JS示例
<title>JavaScript切換圖片</title> <script> function showDaTu(src){ document.getElementById("defaultImg").src=src; } </script> <img src="wall1.jpg" id="defaultImg"> <br><br><br> <img src='wall_s1.jpg' onmouseover="showDaTu('wall1.jpg')"> <img src='wall_s2.jpg' onmouseover="showDaTu('wall2.jpg')"> <img src='wall_s3.jpg' onmouseover="showDaTu('wall3.jpg')"> <img src='wall_s4.jpg' onmouseover="showDaTu('wall4.jpg')"> <br>因圖片較大,請等待圖片加載完成……然后鼠標(biāo)放小圖上就會切換了。?
?
源碼地址:
最簡的JavaScript鼠標(biāo)經(jīng)過切換圖片.rar-互聯(lián)網(wǎng)文檔類資源-CSDN下載https://download.csdn.net/download/weixin_41937552/37380438
總結(jié)
以上是生活随笔為你收集整理的《javaScript100例|02》超级经典一套鼠标控制左右滚动图片带自动翻滚的全部內(nèi)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 《javaScript100例|01》超
- 下一篇: 《javaScript100例|03》自