Dreamweaver CS6 如何設(shè)置鼠標(biāo)經(jīng)過圖像鏈接?
如何設(shè)置鼠標(biāo)經(jīng)過圖像鏈接?
"鼠標(biāo)經(jīng)過圖像"是一種常用的互動(dòng)技術(shù), 當(dāng)鼠標(biāo)指針經(jīng)過圖像時(shí),圖像會(huì)隨之發(fā)生變化。 一般,"鼠標(biāo)經(jīng)過圖像"效果由兩張大小相等的 圖像組成,_張稱為主圖像,另一張稱為次圖像。主圖像是首次載入網(wǎng)頁時(shí)顯示的圖像,次圖像是當(dāng)鼠標(biāo)指針經(jīng)過時(shí)更換的另一張圖像?!笔髽?biāo)經(jīng)過圖像"經(jīng)常應(yīng)用于網(wǎng)頁中的按鈕上。
建立"鼠標(biāo)經(jīng)過圖像”的具體操作步驟如下。
(1)在文檔窗口中將光標(biāo)放置在需要添加圖像的位置。
(2)通過以下兩種方法彈出"插入鼠標(biāo)經(jīng)過圖像”對(duì)話框。
①選擇“插入 > 圖像對(duì)象 > 鼠標(biāo)經(jīng)過圖 像"命令。
②單擊“插入"面板"常選項(xiàng)卡中的 “圖像展開式工具按鈕選擇"鼠標(biāo)經(jīng)過圖
像"選項(xiàng)。
“插入鼠標(biāo)經(jīng)過圖像"對(duì)話框中各選項(xiàng)的作用如下。
“圖像名稱”選項(xiàng):設(shè)置鼠標(biāo)指針經(jīng)過圖像對(duì)象時(shí)顯不的名稱。
“原始圖像”選項(xiàng):設(shè)置載入網(wǎng)頁時(shí)顯示的圖像文件的路徑。
“鼠標(biāo)經(jīng)過圖像”選項(xiàng);設(shè)置在鼠標(biāo)指針滑過原始圖像時(shí)顯示的圖像文件的路徑。
“預(yù)載鼠標(biāo)經(jīng)過圖像”選項(xiàng):若希望圖像預(yù) 先載入瀏覽器的緩存中,以便用戶將鼠標(biāo)指針滑 過圖像時(shí)不發(fā)生延遲,則選擇此復(fù)選框。
“替換文本”選項(xiàng):設(shè)置替換文本的內(nèi)容。 設(shè)置后,在瀏覽器中當(dāng)圖片不能下載時(shí),會(huì)在圖片位置上顯示替代文字;當(dāng)瀏覽者將鼠標(biāo)指針指 向圖像時(shí)會(huì)顯示替代文字。
“按下時(shí),前往的URL”選項(xiàng):設(shè)置跳轉(zhuǎn)網(wǎng) 頁文件的路徑,當(dāng)瀏覽者單擊圖像時(shí)打開此網(wǎng)頁。
在對(duì)話框中按照需要設(shè)置選項(xiàng),然后單擊"確定"按鈕完成設(shè)置。按F2鍵預(yù)覽網(wǎng)頁。
繼續(xù)查找其他問題的答案?
-
前端設(shè)計(jì)工程師——?jiǎng)⑿?/b>
2020-12-124次播放
-
前端設(shè)計(jì)工程師——?jiǎng)⑿?/b>
2020-12-127次播放
-
Dreamweaver CS6 如何設(shè)置圖像屬性?
前端設(shè)計(jì)工程師——?jiǎng)⑿?/b>
2020-12-1211次播放
-
前端設(shè)計(jì)工程師——?jiǎng)⑿?/b>
2020-12-121次播放
-
Dreamweaver CS6 如何設(shè)置標(biāo)尺?
前端設(shè)計(jì)工程師——?jiǎng)⑿?/b>
2020-12-114次播放
-
Dreamweaver CS6 如何設(shè)置網(wǎng)頁元素與網(wǎng)格對(duì)齊?
前端設(shè)計(jì)工程師——?jiǎng)⑿?/b>
2020-12-110次播放
-
在2012 DWCS6中??CSS如何顯示和隱藏網(wǎng)格?
前端設(shè)計(jì)工程師——?jiǎng)⑿?/b>
2020-12-110次播放
-
前端設(shè)計(jì)工程師——?jiǎng)⑿?/b>
2020-12-113次播放
-
前端設(shè)計(jì)工程師——?jiǎng)⑿?/b>
2020-12-111次播放
-
Dreamweaver CS6 如何設(shè)置文本縮進(jìn)格式?
前端設(shè)計(jì)工程師——?jiǎng)⑿?/b>
2020-12-112次播放
點(diǎn)擊加載更多評(píng)論>>