首頁 >軟體教學 >電腦軟體 >dreamweaver cs6為網頁新增下拉條幅的操作教學課程

dreamweaver cs6為網頁新增下拉條幅的操作教學課程

WBOY
WBOY原創
2024-06-01 13:57:11873瀏覽

網站製作中,想要為網頁增加一個下拉條幅,可以大幅提升頁面的美觀性和互動性。 php小編小新今天將為大家帶來 Dreamweaver CS6 中添加下拉條幅的詳細教學。本教學將逐步說明如何使用 Dreamweaver CS6 建立並自訂下拉條幅,幫助大家輕鬆打造更動態、更吸引人的網頁。請繼續閱讀以下內容,並掌握具體的操作步驟。

我們先開啟dreamweaver cs6軟體,在要放置條幅的位置建立一個AP圖層,並插入要顯示的內容,在此只設定圖層的背景顏色,命名一個id。

dreamweaver cs6为网页添加下拉条幅的操作教程 dreamweaver cs6为网页添加下拉条幅的操作教程

然後點擊body,打開行為窗口,點擊新增行為效果遮簾,在彈出的對話框中選擇剛才的圖層,並依照自己的需求選擇屬性。

dreamweaver cs6为网页添加下拉条幅的操作教程 dreamweaver cs6为网页添加下拉条幅的操作教程 dreamweaver cs6为网页添加下拉条幅的操作教程

把事件調整為onload,也就是一開啟就消失這個效果。

dreamweaver cs6为网页添加下拉条幅的操作教程

接著設定關閉按鈕,在上面新增的AP圖層中新建一個嵌套的層,並輸入x號。

dreamweaver cs6为网页添加下拉条幅的操作教程

再選取新建的圖層,開啟行為窗口,點選新增行為,選擇顯示、隱藏元素,在彈出的對話方塊中選擇父層。調整事件為onclick,就是點選關閉。

dreamweaver cs6为网页添加下拉条幅的操作教程 dreamweaver cs6为网页添加下拉条幅的操作教程 dreamweaver cs6为网页添加下拉条幅的操作教程

這樣,一個下來的條幅就已經設定好了,可以放置廣告、公告等內容。

以上是dreamweaver cs6為網頁新增下拉條幅的操作教學課程的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn