Dreamweaver怎么制作鼠標(biāo)經(jīng)過圖片晃動的效果?

網(wǎng)頁中的圖片經(jīng)常會做一些鼠標(biāo)經(jīng)過點擊等效果,該怎么制作呢?今天我們就來看看鼠標(biāo)經(jīng)過圖片晃動的效果的實現(xiàn)方法。

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