Web Menu factory wonderful page menu easy to complete

Source: Internet
Author: User
Tags add define copy
Menu | Web page

It would be nice to be able to create exciting web menus like those professional sites, and if you don't have any of these JavaScript technologies, it's up to Webmenushop to make your home page a lot better in just a few minutes.

Webmenushop is a fast-setting web menu software, can easily produce a variety of Web page menu, in the production process can instantly preview the resulting menu content, and can easily save the menu as his use. And it's worth mentioning that the entire Webmenushop menu-making process has only four steps, so it's easy to take care of it soon.

The first step: Choose the style of the menu

After you run the Webmenushop, first determine the style of the menu under the Style Effects tab on the right. There are three main menu styles for horizontal menus, vertical menus, and embedded browsers. And after clicking on the "Advanced options" can also be set for the main menu location, for example, we can distance from the left and the top of the distance to locate the menu in the absolute position of the page, but also to set the menu in the display area to maintain a fixed position, does not change position as the scroll bar drags.

For submenus, you can set the submenu to be normal, slide, or fade out, and the submenu appears above or below the main menu, and can be set to display submenus immediately when the mouse is moved to the main menu. This eliminates the need for us to click on the mouse to activate the submenu and also make your homepage more humane.

Step Two: Define menu structure and attributes

Before you take this step, you need to be reminded of a single item: The main menu can have no submenu, but no submenus under the submenu. After clicking on the "Structure Properties" tab, we'd better click "+" on the sidebar to add a few submenus, which can be previewed in the menu structure area on the left. Then select the main menu, and in the right side of the property Settings window to determine the menu title, link address, target frame, and so on, but also through GIF or JPEG images to replace the menu title, so that when the mouse moved to the picture after the submenu pop-up.


After setting the main menu, we then select the submenu items, also set the relevant properties according to the above method, but also can add a status description text, it is in the bottom of the browser in the status bar for each submenu to explain, so that viewers can clearly understand the function of each submenu.

When you define the menu structure, if you find that the order of submenus is reversed and you don't need to recreate a submenu, you can adjust the order of the menus by clicking the up and down arrows in the sidebar, and you can change the menu to the main menu or a submenu under the parent main menu by using the left and right arrows. With this function of help, as the author of the same sloppy people are no longer afraid of.

Step three: Define menu appearance

Click on the "Appearance" tab to change the menu's appearance size, font size and mouse pointer properties, but also to add a modifier before each menu item, making the menu look more eye-catching. Because the appearance of the menu for the entire page has a great impact, so we recommend that every time you make a change through the toolbar in the IE icon to preview, and then targeted to change the settings.

Fourth step: Select Menu Color

Webmenushop default color for the Windows2000 menu color, if you do not like the words can also be set according to their own wishes, but here you need some arty, hehe.

After the operation is completed, click the IE icon in the toolbar to activate the browser preview, see how the effect? After the satisfaction, we need to add the made menu to the Web page. You can do this by following these steps:

1, the Software directory of the workspace subdirectory of the MENU.JSE, Define.js and hr.gif these 3 files copied to the Web page directory. You can do this by clicking the "menu file-> menu file to the directory ..." command or the corresponding button in the toolbar.

2. Add the following 2 sentences between the

<script language= "Jscript.encode" src= "Menu.js" ></script>

<script src= "Define.js" ></script>

You can copy the code to the Clipboard by clicking on the Clipboard-> copy menu in the menu to define the code to the Clipboard.

3, in need of the menu place add a sentence <script>document_load () </script> can. But when you design a browser-style menu, you can only write the <script>document_load () </script> behind the <body> tag of the page.

OK, so, your homepage has a very cool menu function to see if there is a professional flavor?



Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.