dreamweaver怎么實(shí)現(xiàn)鼠標(biāo)放在不同的位置顯示不同的圖片?
我要評(píng)論9、鼠標(biāo)指針?lè)诺奖砀竦谝粋€(gè)方框中，單擊菜單欄：插入-->表單-->按鈕。操作如圖
10、鼠標(biāo)點(diǎn)中添加的按鈕，然后再下方屬性面板中，把值修改為1。
11、按照上述步驟依次為表格的第二個(gè)框、第三個(gè)框添加一個(gè)按鈕，并把屬性值改成2和3。如圖
12、把幾個(gè)AP Div移動(dòng)到同一個(gè)區(qū)域。如下圖
13、單擊菜單欄：窗口-->行為，打開(kāi)行為面板。
14、鼠標(biāo)點(diǎn)擊第一個(gè)方框的按鈕，點(diǎn)擊標(biāo)簽檢查器行為面板下方的“+”號(hào)，彈出的菜單中選擇“顯示-隱藏元素”。
15、按照下圖所示，把AP Div1設(shè)置成顯示，AP Div2設(shè)置成隱藏，AP Div3設(shè)置成隱藏。AP Div4可以設(shè)置成顯示，也可以不設(shè)置（默認(rèn)顯示）。
16、如圖，點(diǎn)擊行為面板左邊的英文，在彈出的菜單中選擇onFocus。
17、按照上面的步驟，依次把表格第二個(gè)方框、第三個(gè)方框的按鈕設(shè)置成如下圖所示。
以上就是dreamweaver圖片切換效果的制作方法，希望大家喜歡，請(qǐng)繼續(xù)關(guān)注腳本之家。
相關(guān)推薦：
怎么使用Dreamweaver給網(wǎng)站圖片添加alt標(biāo)簽?
dreamweaver 怎么在網(wǎng)頁(yè)中使用div展示圖片效果?
相關(guān)文章
Dreamweaver網(wǎng)頁(yè)中怎么添加電子郵箱鏈接?
Dreamweaver網(wǎng)頁(yè)中怎么添加電子郵箱鏈接？Dreamweaver設(shè)計(jì)的網(wǎng)頁(yè)想要添加聯(lián)系我們的文字直接鏈接到電子郵箱，該怎么制作呢？下面我們就來(lái)看看詳細(xì)的教程，需要的朋友可以參2018-01-05
Dreamweaver網(wǎng)頁(yè)中的文本怎么添加背景圖片?
Dreamweaver網(wǎng)頁(yè)中的文本怎么添加背景圖片？Dreamweaver設(shè)計(jì)的文本網(wǎng)頁(yè)太單調(diào)，想要給文本添加星空背景圖片，該怎么添加呢？下面我們就來(lái)看看詳細(xì)的教程，需要的朋友可以參2018-01-05
Dreamweaver怎么添加邊框? Dreamweaver邊框的制作方法
Dreamweaver怎么添加邊框？Dreamweaver想要制作一個(gè)紅色邊框，該怎么制作呢？下面我們就來(lái)看看Dreamweaver邊框的制作方法，需要的朋友可以參考下2018-01-04
Dreamweaver網(wǎng)頁(yè)怎么添加彈出窗口信息?
Dreamweaver網(wǎng)頁(yè)怎么添加彈出窗口信息？很多網(wǎng)站都有歡迎信息的彈窗，想要給網(wǎng)頁(yè)添加一個(gè)彈窗，該怎么添加呢？下面我們就來(lái)看看詳細(xì)的教程，需要的朋友可以參考下2018-01-04
Dreamweaver怎么上傳站點(diǎn)到服務(wù)器?
Dreamweaver怎么上傳站點(diǎn)到服務(wù)器？Dreamweaver中制作好的玩野想要上傳到服務(wù)器，該怎么上傳站點(diǎn)呢？下面我們就來(lái)看看詳細(xì)的教程，需要的朋友可以參考下2018-01-03
Dreamweaver怎么設(shè)置狀態(tài)欄文本?
Dreamweaver怎么設(shè)置狀態(tài)欄文本？Dreamweaver設(shè)計(jì)網(wǎng)頁(yè)的時(shí)候，想要制作在狀態(tài)欄制作顯示歡迎的話語(yǔ)，該怎么制作呢？下面我們就來(lái)看看詳細(xì)的教程，需要的朋友可以參考下2018-01-03
Dreamweaver網(wǎng)頁(yè)制作怎么使用css樣式嵌套?
Dreamweaver網(wǎng)頁(yè)制作怎么使用css樣式嵌套？Dreamweaver設(shè)計(jì)網(wǎng)頁(yè)的時(shí)候，想要使用css樣式嵌套，該怎么制作呢？下面我們就來(lái)看看詳細(xì)的教程，需要的朋友可以參考下2018-01-02
Dreamweaver怎么裁剪圖片？Dreamweaver中插入的圖片太大了，想要裁剪圖片，并設(shè)置圖片的屬性，該怎么設(shè)置呢？下面我們就來(lái)看看dw編輯圖片的技巧，需要的朋友可以參考下2018-01-02
Dreamweaver網(wǎng)頁(yè)怎么創(chuàng)建css樣式的復(fù)合聲明?
Dreamweaver網(wǎng)頁(yè)怎么創(chuàng)建css樣式的復(fù)合聲明？Dreamweaver中想要制作一個(gè)css樣式的復(fù)合聲明，該怎么制作呢？下面我們就來(lái)看看詳細(xì)的教程，需要的朋友可以參考下2018-01-02
Dreamweaver網(wǎng)頁(yè)中怎么插入導(dǎo)航條? dw網(wǎng)頁(yè)導(dǎo)航條的使用方法
Dreamweaver網(wǎng)頁(yè)中怎么插入導(dǎo)航條？Dreamweaver中網(wǎng)頁(yè)為了更有層次感，想要插入導(dǎo)航條，該怎么使用導(dǎo)航條呢？下面我們就來(lái)看看dw網(wǎng)頁(yè)導(dǎo)航條的使用方法，需要的朋友可以參考2018-01-02
