I have almost don't understand the webpage, I don't know Java. I see a lot of websites have a drop-down menu, simple, beautiful, practical, and I want to use the home page of my own website, because I don't understand Java, so spending I took the code and modified someone else's code in a afternoon, I didn't feel the effect of myself, and I didn't have a satisfactory result, and some code was very big.
I have checked online at night, mention in fact, the Dreamweaver MX itself provides the system of powerful drop-down menus, mainly using new layers with some behaviors to complete, relevant simple system as follows (taken from the Internet):
Dreamweaver 4 Production pop-up menu
This article has been published in "Computer Application Abstract" November issue, no reproduced!
Automatic scrolling (right-click)
DW is a dreamy kniter, and it is striving to inject new vitality for your mind, and Dreamweaver has a changing rich connotation, and long-lasting design ideas. We will always see pop-up menus, status bar, and other effects of status bar. In order to achieve these effects, web designers like to use code directly to edit, and the Dreamweaver4.0 from Macromedia, all special effects do not need to write a line of program code, only frequently hit the mouse, you can realize the simplicity of the operation , What you get! Detailed DREAMWEAVER 4 Powerful features, please visit: http://favorites.myrice.com/eschool/frontpage/dw4_new.htm Now let's learn the effect of making pop-up droppoint menus, first look at the example below, with mouse points Do you have a drop-down menu? (For specific effects, please see the navigation menu on this page!)
Interactive Academy
Let's explain the author, what is the effect: When the mouse moves the main menu, you will inspire a Behaviors event. The event in this example is to show the hidden layer, of course, this effect is much. In the future, I will write some of the skills I know to give you a reference. 1. Establish a main menu similar to the main navigation menu to establish a main menu similar to the above effects; 2. New layer (Layer) is created in the layer. This layer is an eject submenu; 3. In the form of this layer, add navigation text and add hyperlink;
operating system
Page factory
Graphic image
Software collection
Surf
Office family
4. Adjust the location between the layer and the main menu, put the layer below the main menu, then the main menu is displayed in parallel with the submenu (layer); 5. Open the Windows menu, in the drop-down menu, select Layer layer command, the layer window will appear while seeing a layer (Layer1) in the layer window; 6. Set this layer to hide the (HIDE) feature. With the mouse on the Layer1 layer, click on the eye button, familiar with flash, Photoshop will know, he is used to show and hide the button, let's take a look, now the Layer1 layer is not hidden. Explain to everyone, because we want to do the effect of the drop-down menu in the mouse in the main menu, so you must hide Layer1. Otherwise, you can't see the effect!
7. Select the text of the main menu (we are the "Interactive Academy" four words, select the behavior command in the Windows menu, open the behavioral panel, click " " to find show-hide layer (Show-hidden layer) Command, pop-up window, select Layer1, click the show button, and finally click OK to exit. ============================================================================================================================================================================================================= ====================== =====
Some things should be noted that the effect of the general webpage system is the effect of MOUSE moves to the target, when the menu is displayed, the menu disappears, and the menu must have a click-by-action, if it is just on the directory Add the display and hidden operation of the menu, then mouse leaves the target, the menu is immediately disappeared, there is no way to do the choice or click, etc. on the menu; explore it, on the object in the menu (such as: Table) also adds the display and hidden shape of your own menu to OK.
8. Change the event to ONMOUSEOVER (ie mouse moving). In the Behaviors window, select ONMOUSEOVER directly from the drop-down button of the event column.
9. Similarly, we can set the Layer1 to Hide in step 7. In the Show-Hide Layer window, set the Layer1 to hide. And change the event to ONMOUSEOUT (mouse shift). Now we try to move the mouse to the main menu, see what effect:
Interactive Academy
The submenu does appear, but why cannot be positioned into submenu?
We continue ·····
10. Select Layer1 in the Level Plate, in the Behavior window, the behavior of Layer1 is the same as the event settings as the main menu.
That is, in Show-Hide Layer window, set Layer1 to show (display) and change the event to ONMOUSEOVER (mouse moving); also in Show-Hide Layer window , Set the Layer1 to HIDE (hide) and change the event to ONMOUSEOUT (mouse shift).
Note: Our settings for the main menu and submenu (layers) are made to layer1, can't be confused! Now let's take a look, is it in the behavior window of the main menu and the submenu, it is displayed, which is onMouseover, onmouseout.
The relationship is: OnMouseover corresponds to the display of Layer1; OnMouseout corresponds to Layer1 hidden. 12. Save the page now, open the Internet Explorer browser (F12), is it the effect you preview? ? We have successfully created the effect of completing the pop-up menu. Now there are some special effects on the submenu: 1. In the layer panel, select Layer1 and select the entire table in this layer. 2. Set the background of the table to the color # f5f5f5, in the first line, add the following code: onmouseout = "this.style.backgroundcolor = '# f5f5f5'" onmouseover = "this.style.backgroundcolor = '# ffffff '"This will appear in the code window:
Now, a special-effect pop-up menu is formally made! If you are making problems, please consult with the technical support of our website, or our website. We will reply in time!
