dreamweaver中制作廣告效果很簡單,想要制作一個當鼠標經過一個位置的時候,彈出廣告,點擊廣告上的關閉按鈕,就可以關閉廣告,該怎么制作呢?下面我們就來看看詳細的教程。
1、打開dreamweaver以后,先來繪制一個apdiv,放置廣告圖片,也就是你現在看到的這個電視機圖片,這是我放的廣告,接著在圖片的右上角繪制一個apdiv,在該層中輸入字母x,作為關閉的按鈕,如圖所示,這既是基本的布局了。
2、選中電視機所在的圖層,將其id設置為gg1,這是給該層添加一個名字
3、選中右上角的apdiv,也就是關閉按鈕
4、切換到行為面板,依次執行:添加---效果----顯示漸隱
5、在打開的對話框中,將目標元素設置為gg1,效果是漸隱,點擊確定按鈕,這樣點擊圖中的x就能關閉廣告。
6、接著我們要做出廣告出現的效果,我們的目標是,當鼠標放在網頁的某個位置的時候,彈出一個廣告,先選中這個出發廣告的位置,比如標題欄,我在這里選中標題欄
7、在動作面板添加一個遮簾效果,將目標元素設置為gg1,也就是剛才我們建立的電視廣告,然后點擊確定按鈕。
8、還是在動作面板,將觸發動作設置為onmouseover,也就是當鼠標經過該位置的時候就會引發動作
9、接著,切換到ap元素面板,如果沒有該面板,可以在窗口菜單中調出該面板。點擊gg1前面空白位置,出現一個眼睛閉著的樣子,這說明該面板是被隱藏的。好了,到此我們的廣告效果就做好了。
以上就是dw制作制作卷簾漸隱廣告的教程,希望大家喜歡,請繼續關注武林網。
相關推薦:
dw怎么使用transition過渡屬性?
DreamWeaver中p標簽br標簽怎么使用?
Dreamweaver按鈕怎么添加立體陰影效果?
新聞熱點
疑難解答