Dreamweaver MX 2004 Advanced Tips (3) Making pop-up menus

dreamweaver| Menu | advanced | tips

Using the behavior provided by Dreamweaver MX 2004, you can directly make pop-up menus. Here's a step-by-step procedure for making a pop-up menu.

1. You can add a pop-up menu directly to the picture. However, you cannot add pop-up menus directly to text. If you need to add a pop-up menu to the text, you first need to turn the text into a link. with the text selected, type "javascript:;" In the link entry in the property panel, and link the text. As shown in figure:

2. text link The default color is blue and underlined. If you want to change the appearance of the linked text so that it doesn't look like a link, switch to Code view, hit the link's a href tag, and insert the "style=" Text-decoration:none at the back; Color:black "". The following code:

<a href= "javascript:;" Style= "Text-decoration:none; Color:black "> Homepage production </a>
<a href= "javascript:;" Style= "Text-decoration:none; Color:black "> Web effects </a>
<a href= "javascript:;" Style= "Text-decoration:none; Color:black "> Animation production </a>
<a href= "javascript:;" Style= "Text-decoration:none; Color:black "> Network programming </a>

3. You need to save the Web page file before you add a pop-up menu. After you save the page, open the Behavior panel and click the + number.

4. Click "Show Events" in the pop-up menu and select "4.0 and later browsers".

5. Click the + Number button and select "Show pop-up Menu" in the pop-up menu.

6. Add a pop-up menu in the Show pop-up menu, and make the appearance and location settings. Chinese version of a look at it, there is not much to say.

7. After doing the pop-up menu, press F12 Preview, the effect in the browser as shown below.

8. Finally because of beginners, don't forget to open code view to see the code AH!