怎樣實現(xiàn)交換圖像 dw2014版

“交換圖像”動作通過更改<img>標簽的src屬性將一個圖像和另一個圖像進行交換。“交換圖像”動作主要用于創(chuàng)建當鼠標指針經(jīng)過時產(chǎn)生動態(tài)變化的按鈕。使用“交換圖像”行為的具體操作步驟如下。

(1)若文檔中沒有圖像，則選擇“插入 > 圖像 > 圖像”命令或單擊“插入”面板“常用”選項卡中的“圖像”按鈕來插人一個圖像。若當鼠標指針經(jīng)過一個圖像要使多個圖像同時變換成相同的圖像時，則需要插人多個圖像。

(2)選擇一個將交換的圖像對象，并打開“行為”面板。

( 3 )在“行為”面板中單擊“添加行為”按鈕，并從彈出的菜單中選擇“交換圖像”動作，彈出“交換圖像”對話框，如圖所示。在對話框中各選項的作用如下

“圖像”選項：選擇要更改其源的圖像。

“設(shè)定原始檔為”選項：輸人新圖像的路徑和文件名或單擊"瀏覽”按鈕選擇新圖像文件。

“預先載入圖像”復選框：設(shè)置是否在載人網(wǎng)頁時將新圖像載人到瀏覽器的緩存中。若選擇此復選框，則防止由于下載而導致圖像出現(xiàn)的延遲。

“鼠標滑開時恢復圖像”復選框：設(shè)置是否在鼠標指針滑開時恢復圖像。若選擇此復選框，則會 自動添加“恢復交換圖像”動作，將最后一組交換的圖像恢復為它們以前的源文件，這樣，就會出 現(xiàn)連續(xù)的動態(tài)效果。

根據(jù)需要從“圖像”選項框中，選擇要更改其源的圖像；在“設(shè)定原始檔為”文本框中輸人新 圖像的路徑和文件名或單擊“瀏覽”按鈕選擇新圖像文件；選擇"預先載人圖像”和“鼠標滑開時 恢復圖像”復選框，然后單擊“確定”按鈕完成設(shè)置。

(4)如果不是默認事件，則單擊該事件，會出現(xiàn)箭頭按鈕t]，單擊^,，彈出包含全部事件的事件列表，用戶可根據(jù)需要選擇相應(yīng)的事件。

(5)按F12鍵瀏覽網(wǎng)頁。

胃因為只有src屬性受此動作的影響，所以用戶應(yīng)該換入一個與原圖像具有相同高度和寬 度的圖像.否則，換入的圖像顯示時會被壓縮或擴展，以使其適應(yīng)原圖像的尺寸。