[Web][HTML]6.滑鼠變換影像

  • 2109
  • 0
  • Web
  • 2022-12-03

文、意如

先準備兩張圖片(預設第一張圖,滑鼠滑過圖片變更為第二張圖,滑鼠滑出圖片變更為第三張圖)

btn01.jpg

 

btn02.jpg

 

預設圖片為btn01.jpg

滑鼠滑過時為btn02.jpg

程式碼如下:

<img src="btn01.jpg" onmouseover="this.src='btn02.jpg';" 
onmouseout="this.src='btn01.jpg';" width="100px">

 

Yiru@Studio - 關於我 - 意如