Dreamweaver怎么制作鼠標(biāo)經(jīng)過(guò)圖片晃動(dòng)的效果?
我要評(píng)論網(wǎng)頁(yè)中的圖片經(jīng)常會(huì)做一些鼠標(biāo)經(jīng)過(guò)點(diǎn)擊等效果，該怎么制作呢？今天我們就來(lái)看看鼠標(biāo)經(jīng)過(guò)圖片晃動(dòng)的效果的實(shí)現(xiàn)方法。
Adobe Dreamweaver CC 2017 v17.0 中文版(附安裝教程) 64位
- 類型：網(wǎng)頁(yè)設(shè)計(jì)
- 大?。?/span>758MB
- 語(yǔ)言：簡(jiǎn)體中文
- 時(shí)間：2016-11-05
1、行為需要三個(gè)步驟，一是需要對(duì)象，也就是說(shuō)要選中對(duì)象。就拿網(wǎng)頁(yè)頭部的圖片來(lái)示例吧。點(diǎn)擊選中。
2、添加動(dòng)作。點(diǎn)擊窗口\行為，在窗口的右側(cè)就打開行為設(shè)置功能。
3、在行為上點(diǎn)擊+號(hào)增加移動(dòng)動(dòng)作，選中+號(hào)下面的效果\晃動(dòng)。在晃動(dòng)對(duì)話框中，選擇目標(biāo)元素即當(dāng)前選定內(nèi)容，確定。這樣就為該圖片添加了一個(gè)動(dòng)作。
4、調(diào)整事件，一般軟件默認(rèn)的事件是點(diǎn)擊，即晃動(dòng)前面是onclick，如果要更改為鼠標(biāo)經(jīng)過(guò)即晃動(dòng)，就要更改前面的事件為onmouseover，這樣這個(gè)行為就設(shè)置好了。
5、保存預(yù)覽就可以看到我們要的效果了，如果需要其他事件，也可以直接在動(dòng)作的前面調(diào)整即可。
以上就是dw中鼠標(biāo)經(jīng)過(guò)圖片晃動(dòng)的效果的制作方法，希望大家喜歡，請(qǐng)繼續(xù)關(guān)注腳本之家。
相關(guān)推薦：
Dreamweaver怎么給個(gè)人簡(jiǎn)歷添加照片并排版?
Dreamweaver怎么給網(wǎng)站添加一個(gè)動(dòng)態(tài)橫幅效果?
dreamweaver cs6怎么給網(wǎng)頁(yè)添加float浮動(dòng)效果?
相關(guān)文章
Dreamweaver CC 2017怎么切換界面樣式？Dreamweaver中可以自己切換界面樣式，該怎么切換呢？下面我們就來(lái)看看詳細(xì)的教程，需要的朋友可以參考下2017-05-22
Dreamweaver預(yù)覽提示瀏覽器指定位置已不存怎么辦?
Dreamweaver預(yù)覽提示瀏覽器指定位置已不存怎么辦？Dreamweaver在瀏覽網(wǎng)頁(yè)的時(shí)候，發(fā)現(xiàn)提示瀏覽器在預(yù)覽“首選參數(shù)中指定的瀏覽器在指定位置已經(jīng)不存在，請(qǐng)確認(rèn)“首選參數(shù)”2017-05-21
Dreamweaver網(wǎng)頁(yè)中怎么制作錨點(diǎn)鏈接?
Dreamweaver網(wǎng)頁(yè)中怎么制作錨點(diǎn)鏈接？Dreamweaver設(shè)計(jì)網(wǎng)頁(yè)的時(shí)候，想要添加錨點(diǎn)鏈接，該怎么添加呢？下面我們就來(lái)看看詳細(xì)的教程，需要的朋友可以參考下2017-05-02
Dreamweaver怎么繪制視化表格？Dreamweaver制作網(wǎng)頁(yè)的時(shí)候，想要繪制一個(gè)可視化的表格，該怎么制作呢？下面我們就來(lái)看看詳細(xì)的教程，需要的朋友可以參考下2017-04-24
Dreamweaver怎么給網(wǎng)頁(yè)添加下拉的條幅?
Dreamweaver怎么給網(wǎng)頁(yè)添加下拉的條幅？想要在網(wǎng)頁(yè)中添加一個(gè)下拉的條幅，可以放置廣告、公告等內(nèi)容，該怎么制作呢？下面我們就來(lái)看看使用dw實(shí)現(xiàn)的教程，需要的朋友可以參2017-04-23
dreamweaver命名錨記怎么使用？dreamweaver設(shè)計(jì)網(wǎng)頁(yè)的時(shí)候我們會(huì)使用到很多功能，今天我們就來(lái)介紹命名錨記的使用方法，需要的朋友可以參考下2017-04-23
Dreamweaver CC怎么制作純文本的網(wǎng)頁(yè)?
Dreamweaver CC怎么制作純文本的網(wǎng)頁(yè)？Dreamweaver制作網(wǎng)頁(yè)很簡(jiǎn)單，想要制作一個(gè)純文本的網(wǎng)頁(yè)，該怎么制作呢？下面我們就來(lái)看看詳細(xì)的教程，需要的朋友可以參考下2017-04-23
dreamweaver cs5不寫寫代碼怎么添加meta標(biāo)簽?
dreamweaver cs5不寫寫代碼怎么添加meta標(biāo)簽？dreamweaver想要添加meta標(biāo)簽，但是不想寫代碼，該怎么辦呢？下面我們就來(lái)看看詳細(xì)的教程，需要的朋友可以參考下2017-04-11
Dreamweaver怎么怎么利用層布局網(wǎng)頁(yè)?
Dreamweaver怎么怎么利用層布局網(wǎng)頁(yè)？Dreamweaver中想要設(shè)計(jì)網(wǎng)頁(yè)，一般我們都會(huì)使用DIV+CSS制作網(wǎng)頁(yè)，今天我們就來(lái)看看使用網(wǎng)格來(lái)制作網(wǎng)頁(yè)的教程，需要的朋友可以參考下2017-04-11
Dreamweaver站點(diǎn)怎么檢查鏈接錯(cuò)誤?
Dreamweaver站點(diǎn)怎么檢查鏈接錯(cuò)誤？Dreamweaver建立的站點(diǎn)中有很多超鏈接，想要設(shè)置自行檢測(cè)鏈接錯(cuò)誤，該怎么設(shè)置呢？下面我們就來(lái)看看詳細(xì)的教程，需要的朋友可以參考下2017-04-11
