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

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

操作步驟

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

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

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