當前位置:才華齋>設計>網頁設計>

Dreamweaver怎麼交換影象

網頁設計 閱讀(8.75K)

“交換影象”行為通過改變標籤的src屬性將一幅影象替換成為另外一幅影象。使用此行為可以建立滑鼠經過按鈕的效果以及其它影象效果,也可以一次交換多幅影象。下面是小編為大家帶來的關於Dreamweaver怎麼交換影象的知識,歡迎閱讀。

Dreamweaver怎麼交換影象

  一、Dreamweaver交換影象行為

1. 在文件中插入影象。

2. 在屬性面板的“ID”文字框中輸入影象的ID。

3. 重複第1步和第2步插入其它影象。

4. 選擇一個要交換的`影象。

5. 開啟行為面板。

6. 點選“新增行為(+)”按鈕,在彈出的下拉選單中選擇“交換影象”命令,如下圖所示:

Dreamweaver怎麼交換影象 三聯

7. 開啟“交換影象”對話方塊,如下圖所示:

影象:選擇一個需要改變其原始檔的影象。

設定原始檔為:輸入新影象的檔案路徑和名稱,或者點選“瀏覽”按鈕選取一個新的影象檔案。

預先載入影象:選擇此項可以將新影象預先載入到瀏覽器快取中,防止影象延遲。

8. 在“交換影象”對話方塊中再設定“影象 "img1"”,如下圖所示:

Dreamweaver交換影象行為

提示:對於所有需要更改的其它影象重複第8步即可,同時對於所有需要更改的影象都要使用相同的“交換影象”動作,就是在“交換影象”對話方塊中的設定都要一樣,否則,相應的“恢復交換影象”動作就不能全部恢復它們。

9. 單擊“確定”按鈕。

10. 檢視附加的事件是否是需要的事件,如下圖所示:

如果不是需要的事件,可以更改事件。

11. 檢視行為引數是否合適。如果不合適,也可以修改行為引數。