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