當(dāng)前位置: 首頁(yè) > 攻略教程 > 軟件教程 > dreamweaver cs6為網(wǎng)頁(yè)添加下拉條幅的操作教程

dreamweaver cs6為網(wǎng)頁(yè)添加下拉條幅的操作教程

時(shí)間:2024-07-04 23:08:39 編輯:易網(wǎng)VIP游戲門戶 閱讀:0

有的網(wǎng)友還不太了解dreamweaver cs6的操作,接下來(lái)就講解關(guān)于網(wǎng)頁(yè)添加下拉條幅的操作方法,感興趣的小伙伴們一起學(xué)習(xí)一下吧!

dreamweaver cs6為網(wǎng)頁(yè)添加下拉條幅的操作教程

dreamweaver cs6為網(wǎng)頁(yè)添加下拉條幅的操作教程

我們先打開(kāi)dreamweaver cs6軟件,在要放置條幅的位置創(chuàng)建一個(gè)AP圖層,并插入要顯示的內(nèi)容,在此只設(shè)置圖層的背景顏色,命名一個(gè)id。

dreamweaver cs6為網(wǎng)頁(yè)添加下拉條幅的操作教程截圖 dreamweaver cs6為網(wǎng)頁(yè)添加下拉條幅的操作教程截圖

然后點(diǎn)擊body,打開(kāi)行為窗口,點(diǎn)擊添加行為效果遮簾,在彈出的對(duì)話框中選擇剛才的圖層,并按照自己的需要選擇屬性。

dreamweaver cs6為網(wǎng)頁(yè)添加下拉條幅的操作教程截圖 dreamweaver cs6為網(wǎng)頁(yè)添加下拉條幅的操作教程截圖 dreamweaver cs6為網(wǎng)頁(yè)添加下拉條幅的操作教程截圖

把事件調(diào)整為onload,即一打開(kāi)就消失這個(gè)效果。

dreamweaver cs6為網(wǎng)頁(yè)添加下拉條幅的操作教程截圖

接著設(shè)置關(guān)閉按鈕,在上面添加的AP圖層中新建一個(gè)嵌套的層,并輸入x號(hào)。

dreamweaver cs6為網(wǎng)頁(yè)添加下拉條幅的操作教程截圖

再選中新建的層,打開(kāi)行為窗口,點(diǎn)擊添加行為,選擇顯示、隱藏元素,在彈出的對(duì)話框中選擇父層。調(diào)整事件為onclick,就是點(diǎn)擊關(guān)閉。

dreamweaver cs6為網(wǎng)頁(yè)添加下拉條幅的操作教程截圖 dreamweaver cs6為網(wǎng)頁(yè)添加下拉條幅的操作教程截圖 dreamweaver cs6為網(wǎng)頁(yè)添加下拉條幅的操作教程截圖

這樣,一個(gè)下來(lái)的條幅就已經(jīng)設(shè)置好了,可以放置廣告、公告等內(nèi)容。

根據(jù)上文為你們講解的dreamweaver cs6為網(wǎng)頁(yè)添加下拉條幅的詳細(xì)操作流程,你們是不是都學(xué)會(huì)了呀!