HTML是網頁制作的基礎語言，為了讓網頁更加豐富和動態，我們可以使用一些特效來裝飾頁面。懸停效果換圖片就是這樣一種特效。在鼠標指針懸停在某個元素上時，會自動切換到另一張圖片。 下面是一個實現這種效果的例子，我們將會用到HTML和CSS來實現。 首先，我們需要在HTML中添加一個圖片元素。我們可以使用img標簽來實現。在這個例子中，我們將添加兩張圖片，即原始圖片和懸停后的圖片。我們可以設置原始圖片的src屬性來指定圖片文件的路徑：

<img src="original.jpg" alt="原始圖片">

接下來，我們將用CSS來添加懸停效果。我們可以使用:hover選擇器，這個選擇器會在鼠標懸停在元素上時觸發。在這個例子中，我們將原始圖片替換為懸停圖片。照片路徑也必須相應更改：

img:hover {
    content:url(hover.jpg);
}

現在，我們已經成功地添加了一個懸停效果換圖片的效果。當鼠標懸停在原始圖片上時，會自動切換到懸停圖片。 總結一下，我們只需要在HTML中添加一個圖片元素，然后使用CSS的:hover選擇器來替換原始圖片為懸停圖片。這種懸停效果換圖片是一個簡單的例子，但您可以使用HTML和CSS來創建更多復雜的特效。