位置:首頁 > 軟件操作教程 > UI設計軟件 > Adobe Dreamweaver > 問題詳情

Dreamweaver CS6 如何設置鼠標經(jīng)過圖像鏈接?

提問人:劉旭39發(fā)布時間:2020-12-12

視頻內容:

如何設置鼠標經(jīng)過圖像鏈接?

"鼠標經(jīng)過圖像"是一種常用的互動技術, 當鼠標指針經(jīng)過圖像時,圖像會隨之發(fā)生變化。 一般,"鼠標經(jīng)過圖像"效果由兩張大小相等的 圖像組成,_張稱為主圖像,另一張稱為次圖像。主圖像是首次載入網(wǎng)頁時顯示的圖像,次圖像是當鼠標指針經(jīng)過時更換的另一張圖像?!笔髽私?jīng)過圖像"經(jīng)常應用于網(wǎng)頁中的按鈕上。

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

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

(2)通過以下兩種方法彈出"插入鼠標經(jīng)過圖像”對話框。

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

②單擊“插入"面板"常選項卡中的 “圖像展開式工具按鈕選擇"鼠標經(jīng)過圖

像"選項。

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

“圖像名稱”選項:設置鼠標指針經(jīng)過圖像對象時顯不的名稱。

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

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

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

“替換文本”選項:設置替換文本的內容。 設置后,在瀏覽器中當圖片不能下載時,會在圖片位置上顯示替代文字;當瀏覽者將鼠標指針指 向圖像時會顯示替代文字。

“按下時,前往的URL”選項:設置跳轉網(wǎng) 頁文件的路徑,當瀏覽者單擊圖像時打開此網(wǎng)頁。

在對話框中按照需要設置選項,然后單擊"確定"按鈕完成設置。按F2鍵預覽網(wǎng)頁。

繼續(xù)查找其他問題的答案?

回復(0)
返回頂部