Dreamweaver怎么設(shè)計網(wǎng)頁彈出窗口?

在做網(wǎng)站的時候,希望網(wǎng)頁能實現(xiàn)一個效果,就是可以彈出一個網(wǎng)頁窗口,用來顯示更加豐富的通知或突出的主題的窗口,該怎么設(shè)計呢?下面我們就來看看詳細的教程。

Adobe Dreamweaver CC 2017 v17.0 中文版(附安裝教程) 64位
- 類型:網(wǎng)頁設(shè)計
- 大?。?/span>758MB
- 語言:簡體中文
- 時間:2016-11-05
1、在上一篇制作的網(wǎng)頁中,點擊行為中的"-"號可以刪除剛才添加的彈出信息窗口。
2、要制作彈出網(wǎng)頁窗口,第一步就是要先新建制作一個網(wǎng)頁。點擊文件\新建。在“新建文檔”對話框中選擇html,創(chuàng)建。
3、在創(chuàng)建的新的html頁面中添加AP圖層。點擊布局中的繪制AP,然后在窗口內(nèi)拖動鼠標。更改層的屬性,并輸入通知文本。保存該網(wǎng)頁。
4、選中<body>,添加行為\打開瀏覽器窗口。
5、在打開瀏覽器窗口對話框進行設(shè)置,添加剛才制作好的網(wǎng)頁,點擊瀏覽,選中剛才的網(wǎng)頁
6、設(shè)置窗口寬度和高度,并根據(jù)需要選擇其屬性。
7、調(diào)整事件,選擇事件為onload,即打開網(wǎng)頁時打開,或者是onunload,即關(guān)閉網(wǎng)頁時打開。
8、這樣一個彈出網(wǎng)頁窗口就設(shè)置好了,點擊F12預覽。
以上就是Dreamweaver添加彈出網(wǎng)頁窗口的方法,希望大家喜歡,請繼續(xù)關(guān)注腳本之家。
相關(guān)推薦:
Dreamweaver怎么制作鼠標經(jīng)過圖片晃動的效果?
dreamweaver cs6怎么給網(wǎng)頁添加float浮動效果?
Dreamweaver網(wǎng)頁怎么制作一個帶有列表值的下拉菜單?
相關(guān)文章
Dreamweaver建立的站點怎么更改圖像的默認文件夾位置?
Dreamweaver建立的站點怎么更改圖像的默認文件夾位置?Dreamweaver中為了讓素材更好管理,各種素材都會建立文件夾,下面我們就來看看更改站點圖形默認文件夾的教程,需要的2016-08-10- 這篇教程主要是向腳本之家的朋友分享Dreamweaver在網(wǎng)頁中怎么添加圖片方法,教程比較基礎(chǔ),適合新手來學習,推薦過來,一起來學習吧2016-08-09
Dreamweaver怎么給網(wǎng)頁添加樣式表的關(guān)聯(lián)?
Dreamweaver怎么給網(wǎng)頁添加樣式表的關(guān)聯(lián)?想給網(wǎng)頁添加樣式表約束的鏈接,該怎么添加呢?下面我們就來看看詳細的設(shè)置教程,,需要的朋友可以參考下2016-08-08- Dreamweaver怎么新建網(wǎng)頁并保存?Dreamweaver制作網(wǎng)頁很容易,今天我們就來看看基礎(chǔ)教程,使用Dreamweaver建立網(wǎng)頁并保存,很簡單,需要的朋友可以參考下2016-08-01
- Dreamweaver光標的落位總是不準怎么辦?Dreamweaver中制作網(wǎng)頁的時候,發(fā)現(xiàn)鼠標的落位總是不對,該怎么辦呢?下面我們就來看看詳細的教程,需要的朋友可以參考下2016-07-28
- 在瀏覽各大論壇時,會發(fā)現(xiàn)有些內(nèi)容是僅限會員觀看的,那么如何利用Dreamweaver來制作用戶注冊的,下面就為大家介紹一下,來看看吧2016-07-06
- 很多的時候,我們看代碼時間長了就會覺得代碼很小,看起來很累,想將代碼字體設(shè)置大一點,該怎么設(shè)置呢,下面小編就為大家介紹dreamweaver如何改變代碼的字體大小方法,來看看2016-06-23
8款替代Dreamweaver的開源網(wǎng)頁開發(fā)工具
這篇文章主要為大家詳細介紹了8款替代Dreamweaver的開源網(wǎng)頁開發(fā)工具,感興趣的小伙伴們可以參考一下2016-06-23dreamweaver8調(diào)出新建、打開兩個命令的快捷工具欄
今天小編為大家分享dreamweaver8調(diào)出新建、打開兩個命令的快捷工具欄方法,教程很基礎(chǔ),適合新手來學習,推薦過來,來看看吧2016-06-22dreamweaver中怎么交互圖像? dw制作鼠標經(jīng)過圖像換圖的教程
dw中怎么交互圖像?dw中想制作一個網(wǎng)頁,當鼠標經(jīng)過圖像的時候,就自動換一個圖像,該怎么換呢?下面我們就來看看dw制作鼠標經(jīng)過圖像換圖的教程,需要的朋友可以參考下2016-06-03