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

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

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

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

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

“圖像”選項(xiàng)：選擇要更改其源的圖像。

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

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

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

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

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

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

胃因?yàn)橹挥衧rc屬性受此動(dòng)作的影響，所以用戶應(yīng)該換入一個(gè)與原圖像具有相同高度和寬 度的圖像.否則，換入的圖像顯示時(shí)會(huì)被壓縮或擴(kuò)展，以使其適應(yīng)原圖像的尺寸。