dreamweaver怎么制作卷簾漸隱效果的廣告?

dreamweaver中制作廣告效果很簡單,想要制作一個當(dāng)鼠標(biāo)經(jīng)過一個位置的時候,彈出廣告,點擊廣告上的關(guān)閉按鈕,就可以關(guān)閉廣告,該怎么制作呢?下面我們就來看看詳細(xì)的教程。
1、打開dreamweaver以后,先來繪制一個apdiv,放置廣告圖片,也就是你現(xiàn)在看到的這個電視機(jī)圖片,這是我放的廣告,接著在圖片的右上角繪制一個apdiv,在該層中輸入字母x,作為關(guān)閉的按鈕,如圖所示,這既是基本的布局了。
2、選中電視機(jī)所在的圖層,將其id設(shè)置為gg1,這是給該層添加一個名字
3、選中右上角的apdiv,也就是關(guān)閉按鈕
4、切換到行為面板,依次執(zhí)行:添加---效果----顯示漸隱
5、在打開的對話框中,將目標(biāo)元素設(shè)置為gg1,效果是漸隱,點擊確定按鈕,這樣點擊圖中的x就能關(guān)閉廣告。
6、接著我們要做出廣告出現(xiàn)的效果,我們的目標(biāo)是,當(dāng)鼠標(biāo)放在網(wǎng)頁的某個位置的時候,彈出一個廣告,先選中這個出發(fā)廣告的位置,比如標(biāo)題欄,我在這里選中標(biāo)題欄
7、在動作面板添加一個遮簾效果,將目標(biāo)元素設(shè)置為gg1,也就是剛才我們建立的電視廣告,然后點擊確定按鈕。
8、還是在動作面板,將觸發(fā)動作設(shè)置為onmouseover,也就是當(dāng)鼠標(biāo)經(jīng)過該位置的時候就會引發(fā)動作
9、接著,切換到ap元素面板,如果沒有該面板,可以在窗口菜單中調(diào)出該面板。點擊gg1前面空白位置,出現(xiàn)一個眼睛閉著的樣子,這說明該面板是被隱藏的。好了,到此我們的廣告效果就做好了。
以上就是dw制作制作卷簾漸隱廣告的教程,希望大家喜歡,請繼續(xù)關(guān)注腳本之家。
相關(guān)推薦:
DreamWeaver中p標(biāo)簽br標(biāo)簽怎么使用?
相關(guān)文章
- Dreamweaver登陸界面怎么顯示?Dreamweaver中想要顯示登陸歡迎的界面,該怎么顯示呢?下面我們就來看看詳細(xì)的設(shè)置方法,需要的朋友可以參考下2017-03-27
Dreamweaver怎么創(chuàng)建本地測試服務(wù)器?
Dreamweaver怎么創(chuàng)建本地測試服務(wù)器?Dreamweaver中想要創(chuàng)建本地測試服務(wù)器方便以后測試自己設(shè)計的網(wǎng)站,下面我們就來看看詳細(xì)的教程,需要的朋友可以參考下2017-03-23Dreamweaver怎么更改網(wǎng)頁默認(rèn)瀏覽器?
Dreamweaver怎么更改網(wǎng)頁默認(rèn)瀏覽器?Dreamweaver設(shè)計網(wǎng)頁的時候,我們經(jīng)常會預(yù)覽一下網(wǎng)頁的效果,該怎么更換打開網(wǎng)頁默認(rèn)的瀏覽器呢?下面我們就來看看詳細(xì)的教程,需要的2017-03-20- dreamweaver怎么制作網(wǎng)頁模板?dreamweaver中想要設(shè)計一個網(wǎng)頁模板,以后可以直接套用,該怎么制作呢?下面我們就來看看詳細(xì)的教程,需要的朋友可以參考下2017-03-15
dreamweaver 8怎么通過代碼設(shè)置頁面高寬顏色?
dreamweaver 8怎么通過代碼設(shè)置頁面高寬顏色?正常我們使用dw設(shè)計網(wǎng)頁都是用前臺來設(shè)計網(wǎng)頁的高寬,顏色等,該怎么直接使用代碼完成這些設(shè)置呢?下面我們就來看看詳細(xì)的教2017-02-26- Dreamweaver怎么給頁面添加時間?想給頁面添加時間,該怎么添加呢?今天我們就來看看使用Dreamweaver給頁面添加時間的兩種方法,需要的朋友可以參考下2016-12-22
- Dreamweaver怎么給網(wǎng)頁添加音樂?在設(shè)計網(wǎng)頁的時候,想在網(wǎng)頁中添加音樂,該怎么添加呢?下面我們就來看看Dreamweaver插入音樂的教程,需要的朋友可以參考下2016-12-15
- Dreamweaver注釋怎么設(shè)置快捷鍵?Dreamweaver想給注釋添加一個快捷鍵呢?下面我們就來看看dw設(shè)置注釋快捷鍵的教程,很簡單,需要的朋友可以參考下2016-12-12
Dreamweaver怎么去掉熱點的黃色框/藍(lán)色框?
Dreamweaver怎么去掉熱點的黃色框/藍(lán)色框?Dreamweaver中有熱點的時候就會有黃色框或者藍(lán)色框,該怎么辦呢?該怎么去掉呢?下面我們就來看看詳細(xì)的教程,需要的朋友可以參2016-12-05Dreamweaver無法打開提示javascript錯誤怎么辦?
Dreamweaver無法打開提示javascript錯誤怎么辦?Dreamweaver無法啟動,總是提示javascript錯誤,刪除部分軟件也不行,該怎么辦呢?下面我們就來看看詳細(xì)的解決辦法,需要的2016-11-25