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