Dreamweaver交換圖像行為
若水221147由 分享
時(shí)間:
“交換圖像”行為通過(guò)改變
標(biāo)簽的src屬性將一幅圖像替換成為另外一幅圖像。使用此行為可以創(chuàng)建鼠標(biāo)經(jīng)過(guò)按鈕的效果以及其它圖像效果,也可以一次交換多幅圖像。
一、Dreamweaver交換圖像行為
1. 在文檔中插入圖像。
2. 在屬性面板的“ID”文本框中輸入圖像的ID。
3. 重復(fù)第1步和第2步插入其它圖像。
4. 選擇一個(gè)要交換的圖像。
5. 打開(kāi)行為面板。
6. 點(diǎn)擊“添加行為(+)”按鈕,在彈出的下拉菜單中選擇“交換圖像”命令,如下圖所示:

7. 打開(kāi)“交換圖像”對(duì)話框,如下圖所示:

圖像:選擇一個(gè)需要改變其源文件的圖像。
設(shè)定原始檔為:輸入新圖像的文件路徑和名稱,或者點(diǎn)擊“瀏覽”按鈕選取一個(gè)新的圖像文件。
預(yù)先載入圖像:選擇此項(xiàng)可以將新圖像預(yù)先加載到瀏覽器緩存中,防止圖像延遲。
8. 在“交換圖像”對(duì)話框中再設(shè)置“圖像 "img1"”,如下圖所示:

提示:對(duì)于所有需要更改的其它圖像重復(fù)第8步即可,同時(shí)對(duì)于所有需要更改的圖像都要使用相同的“交換圖像”動(dòng)作,就是在“交換圖像”對(duì)話框中的設(shè)置都要一樣,否則,相應(yīng)的“恢復(fù)交換圖像”動(dòng)作就不能全部恢復(fù)它們。
9. 單擊“確定”按鈕。
10. 查看附加的事件是否是需要的事件,如下圖所示:

如果不是需要的事件,可以更改事件。
11. 查看行為參數(shù)是否合適。如果不合適,也可以修改行為參數(shù)。
一、Dreamweaver交換圖像行為
1. 在文檔中插入圖像。
2. 在屬性面板的“ID”文本框中輸入圖像的ID。
3. 重復(fù)第1步和第2步插入其它圖像。
4. 選擇一個(gè)要交換的圖像。
5. 打開(kāi)行為面板。
6. 點(diǎn)擊“添加行為(+)”按鈕,在彈出的下拉菜單中選擇“交換圖像”命令,如下圖所示:

7. 打開(kāi)“交換圖像”對(duì)話框,如下圖所示:

圖像:選擇一個(gè)需要改變其源文件的圖像。
設(shè)定原始檔為:輸入新圖像的文件路徑和名稱,或者點(diǎn)擊“瀏覽”按鈕選取一個(gè)新的圖像文件。
預(yù)先載入圖像:選擇此項(xiàng)可以將新圖像預(yù)先加載到瀏覽器緩存中,防止圖像延遲。
8. 在“交換圖像”對(duì)話框中再設(shè)置“圖像 "img1"”,如下圖所示:

提示:對(duì)于所有需要更改的其它圖像重復(fù)第8步即可,同時(shí)對(duì)于所有需要更改的圖像都要使用相同的“交換圖像”動(dòng)作,就是在“交換圖像”對(duì)話框中的設(shè)置都要一樣,否則,相應(yīng)的“恢復(fù)交換圖像”動(dòng)作就不能全部恢復(fù)它們。
9. 單擊“確定”按鈕。
10. 查看附加的事件是否是需要的事件,如下圖所示:

如果不是需要的事件,可以更改事件。
11. 查看行為參數(shù)是否合適。如果不合適,也可以修改行為參數(shù)。