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