Shulou(Shulou.com)06/02 Report--

This article mainly explains "how to use dreamweaver to make website drop-down menu effect," interested friends may wish to have a look. The method introduced in this paper is simple, fast and practical. Let's take you to learn "how to use dreamweaver to make website drop-down menu effect"!

Open the software, we press the shortcut key ctrl+n, create a new file.

Click Common to select Layout.

Click Draw Layer.

Drag the mouse to create a layer. The width of the layer is 389 and the height is 49.

Let's click on the layer again and draw another one. We see that the first layer is layer1 and the second layer is layer2, both of which are the system defaults.

Set the properties of layer2 through the properties bar at the bottom of the interface. The benefit is set to hidden, which means that if this layer doesn't fit text, it hides text.

Place the cursor on layer1 and click Insert Table. Create a table with three columns in one row and a width of 388.

Enter Baidu experience, Baidu know, Baidu library in the form, and then set the following attributes in the attribute bar.

Select layer1 and set the properties of layer1.

In layer2, enter experience home page, personal center, quiz home page, help home page. Then set the following properties.

We manipulate the Timeline: Click Window--Timeline.

To create layer2, right-click on the image and select Add Object.

Position the mouse pointer at the first frame and set the height of layer2 to 0.

We then right-click on the Timeline and select Add Timeline.

Right-click and select Add Object.

Position the time needle at frame 15 and set the height of layer2 to 0.

The above steps add two Timeline Timeline1 and Timeline 2. Then, we select the "Baidu Experience" table, select the behavior in the tab dialog box on the right, click "+."

Select Timeline to play Timeline.

This dialog box pops up, and we select timeline1 and click OK.

Then set the mouse action to onmouseover in the tab bar, which means that when the mouse moves above, Timeline 1 will be executed, and layer2 will be expanded.

In the same way, we add the following actions. The figure below shows the explanation of each action.

We press the shortcut key F12, go to the browser, and see what this looks like at the beginning.

Then move the mouse to Baidu Experience and expand the drop-down menu. Did you learn that?

At this point, I believe we have a deeper understanding of "how to use dreamweaver to make website drop-down menu effects," may wish to actually operate it! Here is the website, more related content can enter the relevant channels for inquiry, pay attention to us, continue to learn!

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.