使用Dreamweaver CS6實現交換圖像效果
交換圖像是一種通過改變標簽的src屬性,實現圖像與另一張圖像進行交換的效果。為了實現這個效果,我們可以使用Dreamweaver CS6中提供的交換圖像動作功能。該功能允許我們創(chuàng)建鼠標滑過圖像時出現不
交換圖像是一種通過改變標簽的src屬性,實現圖像與另一張圖像進行交換的效果。為了實現這個效果,我們可以使用Dreamweaver CS6中提供的交換圖像動作功能。該功能允許我們創(chuàng)建鼠標滑過圖像時出現不同圖像的效果。
操作步驟
下面我們來看一下如何使用Dreamweaver CS6實現交換圖像效果:
- 新建一個空白HTML頁面。
- 在頁面中插入一張圖片,這將是初始的載入圖像。
- 打開行為控制面板,在列表中選擇“交換圖像”選項。
- 在彈出的“交換圖像”對話框中,勾選“預先載入圖像”和“鼠標滑開時恢復圖像”的復選框。
- 點擊“瀏覽”按鈕,選擇要與初始載入圖像進行交換的第二張圖片。
- 按下F12鍵進行預覽效果。
當你將鼠標懸停在圖像上時,你會注意到圖像被交換為第二張選擇的圖像,而非初始載入的圖像。