dreamweaver中怎么交互圖像? dw制作鼠標(biāo)經(jīng)過圖像換圖的教程
發(fā)布時間：2016-06-03 11:46:53 作者：佚名 
我要評論
我要評論dw中怎么交互圖像？dw中想制作一個網(wǎng)頁，當(dāng)鼠標(biāo)經(jīng)過圖像的時候，就自動換一個圖像，該怎么換呢？下面我們就來看看dw制作鼠標(biāo)經(jīng)過圖像換圖的教程，需要的朋友可以參考下
交互圖像在網(wǎng)頁設(shè)計中經(jīng)常遇到，所謂交互圖像，是指當(dāng)鼠標(biāo)經(jīng)過圖像時，原始圖像變成另外一幅圖像。下面我給大家介紹下，dreamweaver如何設(shè)置交互圖像。
1、在dreamweaver中，新建HTML文件
2、將光標(biāo)移到要插入交互圖像的位置，選擇“插入——圖像對象——鼠標(biāo)經(jīng)過圖像"，如下圖所示
3、在圖像名稱中輸入圖像的名稱，如1
4、單擊原始圖像右側(cè)瀏覽按鈕，打開所需要的圖片，點擊確定，如圖所示
5、單擊鼠標(biāo)經(jīng)過圖像右側(cè)的瀏覽按鈕，打開所需要的圖片，點擊確定，并且選中預(yù)再鼠標(biāo)經(jīng)過圖像，如圖所示
6、在替換文本中輸入文件名，如123，在按下時，前往的url中輸入鏈接地址，此處輸入空鏈接#
7、單擊確定按鈕，交互圖像就完成了，按下F12預(yù)覽一下吧
注意事項：
兩幅圖片大小必須相同，否則插入的第2幅圖片會自動調(diào)整成第1幅大小。
相關(guān)推薦：
相關(guān)文章
Dreamweaver怎么在網(wǎng)頁中顯示一個圓角矩形?
Dreamweaver怎么在網(wǎng)頁中顯示一個圓角矩形？想繪制一個紅色的圓角矩形，該怎么使用Dreamweaver實現(xiàn)呢？今天我們就來看看使用dw在網(wǎng)頁中繪制紅色圓角矩形的教程，需要的朋友2016-06-02dreamweaver cs6怎么新建HTML5格式的頁面?
dreamweaver cs6怎么新建HTML5格式的頁面？dreamweaver新建頁面格式默認(rèn)是xhtml1.0，現(xiàn)在想新建html5的頁面該怎么辦呢？下面我們來看看詳細的教程，需要的朋友可以參考下2016-05-23Dreamweaver怎么批量修改網(wǎng)頁相同的內(nèi)容?
Dreamweaver怎么批量修改網(wǎng)頁相同的內(nèi)容？比如想修改旺旺的副標(biāo)題，有很多，而且是相同的，該怎么批量修改節(jié)省時間呢？下面我們就來看看Dreamweaver批量修改網(wǎng)頁相同的內(nèi)容2016-05-22- dreamweaver怎么做一個簡單的網(wǎng)站？想做一個簡單的網(wǎng)站，該怎么制作呢？今天我們就來卡看dreamweaver制作網(wǎng)站的一個步驟，感興趣的朋友可以進來參考一下，需要的朋友可以參2016-05-16
Dreamweaver設(shè)置頁面屬性后采用HTML格式怎么辦?
Dreamweaver設(shè)置頁面屬性后采用HTML格式怎么辦？用Dreamweaver設(shè)計了網(wǎng)頁，設(shè)置頁面屬性以后，本來想用css格式的，現(xiàn)在變成了HTML格式，該怎么辦呢？下面我們來看看詳細的2016-04-27- dreamweaver中怎么將文字放到圖片上？dreamweaver中如果想讓背景圖片上帶一些文字，比較有意境，該怎么做呢？下面我們就來看看dw在圖片上寫文字的教程，需要的朋友可以參考2016-04-22
Dreamweaver CS6制作一個新聞網(wǎng)頁首頁的實例教程
Dreamweaver CS6制作網(wǎng)頁很方便，為了方便學(xué)習(xí)我們我們舉了一個實際的例子，使用Dreamweaver CS6做了一個簡單的網(wǎng)頁，非常簡單，適合新手學(xué)習(xí)，需要的朋友可以參考2016-04-20怎么格式化html代碼? Dreamweaver格式化html代碼的技巧
怎么格式化html代碼？Dreamweaver編輯網(wǎng)頁的時候，發(fā)現(xiàn)代碼格式很亂，看起來很費勁，該怎么一鍵格式化呢？下面我們就來看看Dreamweaver格式化html代碼的技巧，需要的朋友可2016-03-31Dreamweaver怎么進行批量文件搜索指定內(nèi)容?
Dreamweaver怎么進行批量文件搜索指定內(nèi)容？Dreamweaver中的文件很多，想要查找文件很不容易，該怎么才能快速的進行批量查找文件的？下面我們來看看Dreamweaver文本查找功2016-03-30Dreamweaver中怎么讓html網(wǎng)頁中的table邊框細線顯示?
Dreamweaver中怎么讓html網(wǎng)頁中的table邊框細線顯示？Dreamweaver中插入表格默認(rèn)是寬邊框的，看上去很難看，該怎么將邊框設(shè)置成細線呢？請看下文詳細介紹，需要的朋友可以2016-03-10