Dreamweaver CC 2014鼠標(biāo)經(jīng)過圖像鏈接

鼠標(biāo)經(jīng)過圖像鏈接

“鼠標(biāo)經(jīng)過圖像”是一種常用的互動技術(shù)，當(dāng)鼠標(biāo)指針經(jīng)過圖像時，圖像會隨之發(fā)生變化。一般 來說，“鼠標(biāo)經(jīng)過圖像”效果由兩張大小相等的圖像組成，一張稱為主圖像，另一張稱為次圖像。主 圖像是首次載人網(wǎng)頁時顯示的圖像，次圖像是當(dāng)鼠標(biāo)指針經(jīng)過時更換的另一張圖像?！笆髽?biāo)經(jīng)過圖像” 經(jīng)常應(yīng)用于網(wǎng)頁中的按鈕上。

建立“鼠標(biāo)經(jīng)過圖像”的具體操作步驟如下。

(1)在文檔窗口中將光標(biāo)放置在需要添加圖俅的位置。

(2）通過以下幾種方法打開“插人鼠標(biāo)經(jīng)過圖像”對話框，如圖所示

①選擇“插入 > 圖像對象 > 鼠標(biāo)經(jīng)過圖像”命令。

②在“插入”面板“常用”選項卡中，單擊“圖像”展開式工具按鈕，選擇“鼠標(biāo)經(jīng)過圖像”選項。

“插入鼠標(biāo)經(jīng)過圖像”對話框中各選項的作用如下。

“圖像名稱”選項：設(shè)置鼠標(biāo)指針經(jīng)過圖像對象時顯示的名稱。

“原始圖像”選項：設(shè)置載入網(wǎng)頁時顯示的圖像文件的路徑。

“鼠標(biāo)經(jīng)過圖像”選項：設(shè)置在鼠標(biāo)指針滑過原始圖像時顯示的圖像文件的路徑。

“預(yù)載鼠標(biāo)經(jīng)過圖像”選項：若希望圖像預(yù)先載人瀏覽器的緩存中，以便用戶將鼠標(biāo)指針滑過圖 像時不發(fā)生延遲，則選擇此復(fù)選框。

“替換文本”選項：設(shè)置替換文本的內(nèi)容。設(shè)置后，在瀏覽器中當(dāng)圖片不能下載時，會在圖片位 置上顯示替代文字；當(dāng)瀏覽者將鼠標(biāo)指針指向圖像時會顯示替代文字。

“按下時，前往的URL”選項：設(shè)置跳轉(zhuǎn)網(wǎng)頁文件的路徑，當(dāng)瀏覽者單擊圖像時打開此網(wǎng)頁。

(3)在對話框中按照需要設(shè)置選項，然后單擊“確定”按鈕完成設(shè)置。按F12鍵預(yù)覽網(wǎng)頁。