Dreamweaver cs6 operation tutorial for adding drop-down banners to web pages

During website production, I want to add a drop-down banner to the web page, which can greatly improve the beauty and interactivity of the page. Today, PHP editor Xiaoxin will bring you a detailed tutorial on adding drop-down banners in Dreamweaver CS6. This tutorial will explain step by step how to use Dreamweaver CS6 to create and customize drop-down banners, helping you easily create more dynamic and attractive web pages. Please continue reading below to learn the specific steps.

We first open the dreamweaver cs6 software, create an AP layer where the banner is to be placed, and insert the content to be displayed. Here we only set the background color of the layer and name it an id.

Then click the body to open the behavior window, click Add Behavior Effect Mask, select the layer just now in the pop-up dialog box, and select the properties according to your needs.

Adjust the event to onload, that is, the effect will disappear as soon as it is opened.

Then set the close button, create a new nested layer in the AP layer added above, and enter the x number.

Select the newly created layer, open the behavior window, click Add Behavior, select Show or Hide Elements, and select the parent layer in the pop-up dialog box. Adjust the event to onclick, which means click to close.

In this way, a banner has been set up and can be placed with advertisements, announcements and other content.

The above is the detailed content of Dreamweaver cs6 operation tutorial for adding drop-down banners to web pages. For more information, please follow other related articles on the PHP Chinese website!