交互圖像在網(wǎng)頁設(shè)計(jì)中經(jīng)常遇到,所謂交互圖像,是指當(dāng)鼠標(biāo)經(jīng)過圖像時(shí),原始圖像變成另外一幅圖像。下面我給大家介紹下,dreamweaver如何設(shè)置交互圖像。
交互圖像在網(wǎng)頁設(shè)計(jì)中經(jīng)常遇到,所謂交互圖像,是指當(dāng)鼠標(biāo)經(jīng)過圖像時(shí),原始圖像變成另外一幅圖像。下面我給大家介紹下,dreamweaver如何設(shè)置交互圖像。
1、在dreamweaver中,新建HTML文件
2、將光標(biāo)移到要插入交互圖像的位置,選擇“插入——圖像對象——鼠標(biāo)經(jīng)過圖像",如下圖所示
3、在圖像名稱中輸入圖像的名稱,如1
4、單擊原始圖像右側(cè)瀏覽按鈕,打開所需要的圖片,點(diǎn)擊確定,如圖所示
5、單擊鼠標(biāo)經(jīng)過圖像右側(cè)的瀏覽按鈕,打開所需要的圖片,點(diǎn)擊確定,并且選中預(yù)再鼠標(biāo)經(jīng)過圖像,如圖所示
6、在替換文本中輸入文件名,如123,在按下時(shí),前往的url中輸入鏈接地址,此處輸入空鏈接#
7、單擊確定按鈕,交互圖像就完成了,按下F12預(yù)覽一下吧
注意事項(xiàng):
兩幅圖片大小必須相同,否則插入的第2幅圖片會(huì)自動(dòng)調(diào)整成第1幅大小。
新聞熱點(diǎn)
疑難解答