溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務(wù)條款》

dreamweaver如何制作卷簾漸隱效果的廣告

發(fā)布時間:2021-05-15 08:13:23 來源:億速云 閱讀:281 作者:小新 欄目:互聯(lián)網(wǎng)科技

這篇文章主要介紹了dreamweaver如何制作卷簾漸隱效果的廣告,具有一定借鑒價值,感興趣的朋友可以參考下,希望大家閱讀完這篇文章之后大有收獲,下面讓小編帶著大家一起了解一下。

1、打開dreamweaver以后,先來繪制一個apdiv,放置廣告圖片,也就是你現(xiàn)在看到的這個電視機(jī)圖片,這是我放的廣告,接著在圖片的右上角繪制一個apdiv,在該層中輸入字母x,作為關(guān)閉的按鈕,如圖所示,這既是基本的布局了。

dreamweaver如何制作卷簾漸隱效果的廣告

2、選中電視機(jī)所在的圖層,將其id設(shè)置為gg1,這是給該層添加一個名字

dreamweaver如何制作卷簾漸隱效果的廣告

3、選中右上角的apdiv,也就是關(guān)閉按鈕

dreamweaver如何制作卷簾漸隱效果的廣告

4、切換到行為面板,依次執(zhí)行:添加---效果----顯示漸隱

dreamweaver如何制作卷簾漸隱效果的廣告

5、在打開的對話框中,將目標(biāo)元素設(shè)置為gg1,效果是漸隱,點擊確定按鈕,這樣點擊圖中的x就能關(guān)閉廣告。

dreamweaver如何制作卷簾漸隱效果的廣告

6、接著我們要做出廣告出現(xiàn)的效果,我們的目標(biāo)是,當(dāng)鼠標(biāo)放在網(wǎng)頁的某個位置的時候,彈出一個廣告,先選中這個出發(fā)廣告的位置,比如標(biāo)題欄,我在這里選中標(biāo)題欄

dreamweaver如何制作卷簾漸隱效果的廣告

7、在動作面板添加一個遮簾效果,將目標(biāo)元素設(shè)置為gg1,也就是剛才我們建立的電視廣告,然后點擊確定按鈕。

dreamweaver如何制作卷簾漸隱效果的廣告

8、還是在動作面板,將觸發(fā)動作設(shè)置為onmouseover,也就是當(dāng)鼠標(biāo)經(jīng)過該位置的時候就會引發(fā)動作

dreamweaver如何制作卷簾漸隱效果的廣告

9、接著,切換到ap元素面板,如果沒有該面板,可以在窗口菜單中調(diào)出該面板。點擊gg1前面空白位置,出現(xiàn)一個眼睛閉著的樣子,這說明該面板是被隱藏的。好了,到此我們的廣告效果就做好了。

dreamweaver如何制作卷簾漸隱效果的廣告

感謝你能夠認(rèn)真閱讀完這篇文章,希望小編分享的“dreamweaver如何制作卷簾漸隱效果的廣告”這篇文章對大家有幫助,同時也希望大家多多支持億速云,關(guān)注億速云行業(yè)資訊頻道,更多相關(guān)知識等著你來學(xué)習(xí)!

向AI問一下細(xì)節(jié)

免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點不代表本網(wǎng)站立場,如果涉及侵權(quán)請聯(lián)系站長郵箱:is@yisu.com進(jìn)行舉報,并提供相關(guān)證據(jù),一經(jīng)查實,將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI