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