在jquery中，可以使用mouseover和mouseout事件來實現滑鼠移入移出圖片時，改變圖片的地址，從而實現圖片的切換。下面舉例講解jquery實現滑鼠移入移出切換圖片。

　　1.新建一個html檔案，命名為test.html，用於講解jquery實現滑鼠移入移出切換圖片。

　　2.在test.html檔案內，使用img標籤建立一張圖片，用於測試。

　　3.在test.html檔案內，設定img標籤的id為myimg，用於下面獲得img物件。

　　4.在js標籤中，使用ready()方法在頁面載入完成時，執行function方法，在function方法內，通過id獲得img物件，使用on()方法給圖片繫結事件。

　　5.在on()方法內，使用mouseover事件實現在滑鼠移入圖片時，通過attr()方法改變圖片的路徑；使用mouseout事件實現在滑鼠移出圖片時，通過attr()方法再次改變圖片的路徑，從而實現圖片的切換。

檢視效果：

總結

1.使用img標籤建立一張圖片，用於測試。

2.在js中，使用on()方法給圖片繫結事件，在on()方法內，使用mouseover事件實現在滑鼠移入圖片時，通過attr()方法改變圖片的路徑；使用mouseout事件實現在滑鼠移出圖片時，通過attr()方法再次改變圖片的路徑，從而實現圖片的切換。