Dynamic prompts easy
Dynamic prompt is when the mouse is moved on a link in the web page, a prompt is displayed next to this link, showing the prompt you pre-set! Below I will lead everyone to make a dynamic prompt step by step, you can experience how convenient to use Layer in Dreamweaver! Ok, let's start: 1. Open Dreamweaver 2.0. If you think that there are too many windows in it, you can drag the Layer, Behaviors, and Style window to the Objects window, as shown in Figure 1: 2. Select the "Modify" / "Page Properties" menu item, a window appears, in the first Fill in "My Dynamic Tips" in the "Title Bar"; the second column is the background image of the web page, here we don't have a background image; the third column set the background color, we choose white; finally select "OK". 3. Write "Dynamic Tips Example" in the body area, select all the text, and then find the link bar in the "Properties" window (that is, the long-term window) (LINK in front of the English version), in it Fill in the page you want to link, if you just do a test, then fill in "#". 4. In the Objects window, use the mouse to click on the Layer icon (Figure 1), you will find the mouse to become a cross shape, then in the "Dynamic Tip Example", press the mouse under the right of the word, drag it with the mouse The small strip is written on the small strip, as shown in Figure 2. Then select these words, set the color of the font in the font color box in the properties window, here we choose white. Then select this Layer (moving the mouse to the top of the Layer until the arrow of the mouse turns into a four-direction arrow, then click the left button), select the background color in the background color box in the Properties window, here we choose Tianlan color. 5. In the Layer window, Layer1 is the Layer painted in the previous step, with a mouse point, so that it is closed, as shown in Figure 3. Then you will find the Layer that just painted. 6. Now select the word "Dynamic Tip Example", then click " " icon in the Behaviors window (Figure 4), pop up a menu, select Show-Hide Layer. This menu is an event that happens when the mouse moves to the "Dynamic Tip Example". Since we ask the Layer when the mouse is moved on the text, let the mouse disappear when the mouse is removed, so choose "Show-Hide Layer" item. 7. A window appears, we select the Layer "Layer1" column, press the "Show" button, then select "OK". This is the action when setting Layer1 hidden and display, show represents, Hide represents hidden. 8. Then, then, you will see the Behaviors window has become as shown in Figure 6, which shows that the action of Layer has been established, but the default excitation event does not meet our requirements, so we have to do some modifications. . Use the mouse to click the middle three-way, select OnMouseOver in the pop-up menu. The ONMOUSEOVER event is to activate the action of the Layer when moving when moving on the "Dynamic Tip Example".
