使用Dreamweaver制作卷簾漸隱廣告
卷簾漸隱廣告是一種非常流行的廣告形式,當(dāng)鼠標(biāo)經(jīng)過一個(gè)位置時(shí),彈出廣告,點(diǎn)擊關(guān)閉按鈕即可關(guān)閉廣告。那么,我們?nèi)绾问褂肈reamweaver來實(shí)現(xiàn)這個(gè)效果呢?接下來,我將詳細(xì)介紹具體步驟。 布局設(shè)置
卷簾漸隱廣告是一種非常流行的廣告形式,當(dāng)鼠標(biāo)經(jīng)過一個(gè)位置時(shí),彈出廣告,點(diǎn)擊關(guān)閉按鈕即可關(guān)閉廣告。那么,我們?nèi)绾问褂肈reamweaver來實(shí)現(xiàn)這個(gè)效果呢?接下來,我將詳細(xì)介紹具體步驟。
布局設(shè)置
首先,在Dreamweaver中繪制一個(gè)apdiv,并放置廣告圖片,比如電視機(jī)圖片。在該圖片的右上角繪制一個(gè)apdiv,并在其中輸入字母"X"作為關(guān)閉按鈕。這樣就完成了基本的布局。
添加ID和動(dòng)作
選中電視機(jī)圖層,并將其ID設(shè)置為"gg1",這樣可以為該層添加一個(gè)名稱。然后,選中關(guān)閉按鈕所在的apdiv。
切換到動(dòng)作面板,依次執(zhí)行:添加 - 效果 - 顯示漸隱。在打開的對話框中,將目標(biāo)元素設(shè)置為"gg1",并選擇漸隱效果。點(diǎn)擊確定按鈕,這樣點(diǎn)擊關(guān)閉按鈕"X"就能關(guān)閉廣告。
觸發(fā)廣告出現(xiàn)的效果
接下來,我們要實(shí)現(xiàn)廣告從某個(gè)位置彈出的效果。首先選中觸發(fā)廣告的位置,比如標(biāo)題欄。
在動(dòng)作面板中添加一個(gè)遮簾效果,將目標(biāo)元素設(shè)置為之前創(chuàng)建的電視廣告層"gg1",然后點(diǎn)擊確定按鈕。
仍然在動(dòng)作面板中,將觸發(fā)動(dòng)作設(shè)置為onmouseover,也就是當(dāng)鼠標(biāo)經(jīng)過該位置時(shí)就會(huì)觸發(fā)動(dòng)畫效果。
最后,切換到ap元素面板,如果該面板沒有顯示,可以在窗口菜單中調(diào)出。點(diǎn)擊"gg1"前面的空白位置,如果出現(xiàn)一個(gè)閉著眼睛的圖標(biāo),說明該面板已被隱藏。至此,我們的廣告效果就制作完成了。