交換圖像是一種通過改變標(biāo)簽的src屬性，實現(xiàn)圖像與另一張圖像進(jìn)行交換的效果。為了實現(xiàn)這個效果，我們可以使用Dreamweaver CS6中提供的交換圖像動作功能。該功能允許我們創(chuàng)建鼠標(biāo)滑過圖像時出現(xiàn)不

交換圖像是一種通過改變標(biāo)簽的src屬性，實現(xiàn)圖像與另一張圖像進(jìn)行交換的效果。為了實現(xiàn)這個效果，我們可以使用Dreamweaver CS6中提供的交換圖像動作功能。該功能允許我們創(chuàng)建鼠標(biāo)滑過圖像時出現(xiàn)不同圖像的效果。

操作步驟

下面我們來看一下如何使用Dreamweaver CS6實現(xiàn)交換圖像效果：

1. 新建一個空白HTML頁面。
2. 在頁面中插入一張圖片，這將是初始的載入圖像。
3. 打開行為控制面板，在列表中選擇“交換圖像”選項。
4. 在彈出的“交換圖像”對話框中，勾選“預(yù)先載入圖像”和“鼠標(biāo)滑開時恢復(fù)圖像”的復(fù)選框。
5. 點擊“瀏覽”按鈕，選擇要與初始載入圖像進(jìn)行交換的第二張圖片。
6. 按下F12鍵進(jìn)行預(yù)覽效果。

當(dāng)你將鼠標(biāo)懸停在圖像上時，你會注意到圖像被交換為第二張選擇的圖像，而非初始載入的圖像。