Dreamweaver怎么給網(wǎng)頁(yè)添加下拉的條幅?
我要評(píng)論在網(wǎng)頁(yè)制作中，經(jīng)常需要設(shè)置一個(gè)條幅，當(dāng)網(wǎng)頁(yè)打開(kāi)時(shí)這個(gè)條幅會(huì)自動(dòng)的向下拉，自動(dòng)顯示完為止，如圖所示，這個(gè)條幅可以放置圖片，廣告或者是公告等等，一起學(xué)習(xí)如何設(shè)置吧。
Adobe Dreamweaver CC 2017 v17.0 中文版(附安裝教程) 64位
- 類(lèi)型：網(wǎng)頁(yè)設(shè)計(jì)
- 大?。?/span>758MB
- 語(yǔ)言：簡(jiǎn)體中文
- 時(shí)間：2016-11-05
1、首先，在要放置條幅的位置創(chuàng)建一個(gè)AP圖層，并插入要顯示的內(nèi)容，在此只設(shè)置圖層的背景顏色，命名一個(gè)id。
2、點(diǎn)擊body，打開(kāi)行為窗口，點(diǎn)擊添加行為\效果\遮簾，在彈出的對(duì)話(huà)框中選擇剛才的圖層，并按照自己的需要選擇屬性。
3、把事件調(diào)整為onload，即一打開(kāi)就消失這個(gè)效果。
4、設(shè)置關(guān)閉按鈕，在上面添加的AP圖層中新建一個(gè)嵌套的層，并輸入x號(hào)。
5、選中新建的層，打開(kāi)行為窗口，點(diǎn)擊添加行為，選擇顯示、隱藏元素，在彈出的對(duì)話(huà)框中選擇父層。調(diào)整事件為onclick，就是點(diǎn)擊關(guān)閉。
6、這樣，一個(gè)下來(lái)的條幅就已經(jīng)設(shè)置好了，可以放置廣告、公告等內(nèi)容。
相關(guān)推薦：
Dreamweaver怎么給網(wǎng)頁(yè)添加樣式表的關(guān)聯(lián)?
Dreamweaver怎么在網(wǎng)頁(yè)中顯示一個(gè)圓角矩形?
dreamweaver 怎么在網(wǎng)頁(yè)中使用div展示圖片效果?
相關(guān)文章
dreamweaver8調(diào)出新建、打開(kāi)兩個(gè)命令的快捷工具欄
今天小編為大家分享dreamweaver8調(diào)出新建、打開(kāi)兩個(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-03Dreamweaver怎么在網(wǎng)頁(yè)中顯示一個(gè)圓角矩形?
Dreamweaver怎么在網(wǎng)頁(yè)中顯示一個(gè)圓角矩形？想繪制一個(gè)紅色的圓角矩形，該怎么使用Dreamweaver實(shí)現(xiàn)呢？今天我們就來(lái)看看使用dw在網(wǎng)頁(yè)中繪制紅色圓角矩形的教程，需要的朋友2016-06-02dreamweaver cs6怎么新建HTML5格式的頁(yè)面?
dreamweaver cs6怎么新建HTML5格式的頁(yè)面？dreamweaver新建頁(yè)面格式默認(rèn)是xhtml1.0，現(xiàn)在想新建html5的頁(yè)面該怎么辦呢？下面我們來(lái)看看詳細(xì)的教程，需要的朋友可以參考下2016-05-23Dreamweaver怎么批量修改網(wǎng)頁(yè)相同的內(nèi)容?
Dreamweaver怎么批量修改網(wǎng)頁(yè)相同的內(nèi)容？比如想修改旺旺的副標(biāo)題，有很多，而且是相同的，該怎么批量修改節(jié)省時(shí)間呢？下面我們就來(lái)看看Dreamweaver批量修改網(wǎng)頁(yè)相同的內(nèi)容2016-05-22dreamweaver怎么做一個(gè)簡(jiǎn)單的網(wǎng)頁(yè)?
dreamweaver怎么做一個(gè)簡(jiǎn)單的網(wǎng)站？想做一個(gè)簡(jiǎn)單的網(wǎng)站，該怎么制作呢？今天我們就來(lái)卡看dreamweaver制作網(wǎng)站的一個(gè)步驟，感興趣的朋友可以進(jìn)來(lái)參考一下，需要的朋友可以參2016-05-16Dreamweaver設(shè)置頁(yè)面屬性后采用HTML格式怎么辦?
Dreamweaver設(shè)置頁(yè)面屬性后采用HTML格式怎么辦？用Dreamweaver設(shè)計(jì)了網(wǎng)頁(yè)，設(shè)置頁(yè)面屬性以后，本來(lái)想用css格式的，現(xiàn)在變成了HTML格式，該怎么辦呢？下面我們來(lái)看看詳細(xì)的2016-04-27- dreamweaver中怎么將文字放到圖片上？dreamweaver中如果想讓背景圖片上帶一些文字，比較有意境，該怎么做呢？下面我們就來(lái)看看dw在圖片上寫(xiě)文字的教程，需要的朋友可以參考2016-04-22
Dreamweaver CS6制作一個(gè)新聞網(wǎng)頁(yè)首頁(yè)的實(shí)例教程
Dreamweaver CS6制作網(wǎng)頁(yè)很方便，為了方便學(xué)習(xí)我們我們舉了一個(gè)實(shí)際的例子，使用Dreamweaver CS6做了一個(gè)簡(jiǎn)單的網(wǎng)頁(yè)，非常簡(jiǎn)單，適合新手學(xué)習(xí)，需要的朋友可以參考2016-04-20怎么格式化html代碼? Dreamweaver格式化html代碼的技巧
怎么格式化html代碼？Dreamweaver編輯網(wǎng)頁(yè)的時(shí)候，發(fā)現(xiàn)代碼格式很亂，看起來(lái)很費(fèi)勁，該怎么一鍵格式化呢？下面我們就來(lái)看看Dreamweaver格式化html代碼的技巧，需要的朋友可2016-03-31