Sothink DHTML Menu is popular navigation menu tool, so many users used it to create the wanted JavaScript menus for their website. One of Our warm hearted users has layouted the section for DHTML Menu, and solve the problem in creating DHTML Menu.

Unofficial Resources Site for Sothink DHTML Menu

In this website, the user writed many tutorials to share his experinces on navigation bar creation. If you are newbie on making web menu, you will get the useful tips from here. View some advanced tutorials:

Targeting an iFrame from a menu

Opening Links In A New Customized Window

Anchoring a menu in a table cell

The simplest, the best. So does the drop down menu. We find some classic navigation bar currently, which they are so simple to navigate the website, and many web designers would like to apply such that JavaScript menu to their webiste, let’s view them:

If you have published the menu in the method “Publish JS”

You can also set resource folder for js and image files manually and you should keep two points in mind:

1. The parameters marked green can be modified.

2. The setting folders marked red must be identical in stmenu.js file.

<script type=”text/javascript” id=”sothink_dhtmlmenu”> <!–
st_siteroot=”file:///E|/DHTML%20Menu“;
st_jspath=”/javascript/stmenu.js”;
if(!window.location.href.indexOf(“file:”) && st_jspath.charAt(0)==”/”)
document.write(‘<script type=”text/javascript” src=”‘+st_siteroot+st_jspath+’”><\/script>’);
else
document.write(‘<script type=”text/javascript” src=”‘+st_jspath+’”><\/script>’);
//–> </script>
<script type=”text/javascript”>
<!–
stm_bm(["menu0e98",800,"/images","blank.gif",0,"","",0,0,250,0,1000,1,0,0,"","",0,0,1,2,"default","hand","file:///E|/DHTML%20Menu"],this);

The problem happened when you chose “Every visit to the page” in settings of internet temporary files of the Internet Option. In this case, when you move mouse over the menu item, the browser will check the new version of the page and reload it as well as the images. In fact, the default setting there should be “Automatically” rather than “Every visit to the page”. Thus, the problem will not exist.

Since web menu is the most significant element in site navigation, in most cases, simple, intuitive and conventional solutions are usually the best option. However, it doesn’t mean that they need to be boring. Web menus need to be simple enough for the user to understand, but also contain the elements necessary to guide the user through the website – with some creativity and good design thrown in.

Let’s take a look at 5 excellent web menu samples presented in this article, from which you can observe and get some ideas of developing further in your website projects. All these web menu examples have one thing in common: they are creative, good-looking, and perfectly fit to the style of their respective websites.

Read on »

Sothink DHTML Menu groups many excellent drop down menu samples since it comes out. With the development of JavaScript menu builder, menu samples are more and more beautiful; and their functions are more and more powerful. Let’s view some classic menu samples from DHTML Menu builder:

Horizontal Menu:

Vertical Menu:

Web menus are common on e-commerce sites because they typically include a lot of categories of different products, a good drop down menu can help website to improve navigation and usability, so JavaScript menus can be very useful for visitors. They are also a possibility for other large websites in which fewer clicks can be used to get to a specific page.

Let’s enjoy 5 brilliant web menus:

Float Menu is a web menu used for site navigation, which locates in a fixed position on the webpage. This float menu enables to scroll along scroll bar, and always keep visible no matter how long your page is and how viewers change the window size. Generally, web menu is done by HTML, CSS and jQuery; but it is a difficulty to create such a float menu for web design newbies or if you face urgent design task while time is limited. Maybe, using DHTML menu builder is an easy way for all of us to build float menu in minutes.

Sothink DHTML Menu is an ultimate drop down menu builder; it can build JavaScript menus with simple steps. Besides float menu, DHTML Menu enables to create lots of functional menus, like scroll menu, highlight menu, multi-column menu, and disable items and separators and non-English menu. Now, let’s create float menu in the program:

View float menu sample, and it stays visible even if you scroll down a web page. They’re animated, so they move up and down as you scroll the browser window up or down.

Steps:

1.    Start DHTML menu from Built-in Template.

2.    Set menu type as Float to create Float menu

• Check “Global > Menu Type” in Tasks panel, and enter the property panel on the bottom. Input name for this menu and check “Float” option here.
  
• Check “Global > General” in Tasks panel, and enter the property panel on the bottom. Input value as coordinate to float menu on web page. Now preview menu, you will see the menu placed in a fixed position.
  
• Still in this panel, check two “Auto-scroll” options to make float  menu scroll along scroll bar.
  

Creating float menu is so easy in DHTML menu builder. To build more functional menus, download Sothink DHTML Menu to make them in minutes.

Get a brand-new attractive JavaScript menu from other navigation bars just in steps! Believe it or not, DHTML menu builder can work with various authoring files to create stylish drop down menu based on the existing menu contents and menu structure:

• Copy & paste the related menu items in one or two DHTML Menu windows to reset menu sequence;
• Import menu items from Sothink Tree Menu to get the same menu structure and contents tree menu;

To make your menu creation effectively; you can use one of above-mentioned methods. To make your web menu special, you can apply HTML code or image in DHTML menu as menu item.

Now, let’s view which elements can be use as menu item:

Use HTML code as menu item
Check the “HTML” option in “Menu Item > General” property panel after selecting the menu item in Menu Panel; input HTML code in it to use as menu item
Use image as menu item
Pick up the menu item in Menu Panel, and check the “image” option in “Menu Item > General”; and then re-enter “Menu Item > Image” property panel, click “Image Library” or “Folder” button to browse and choose image file, or type image file’s path, the image menu item will appear in the preview window.

Besides general text, DHTML menu builder provides more options to generate menu items. They enrich contents for web  menu, which gives us a wonderful journey to build navigation bar.

View more DHTML  menu samples >>
Download and try Sothink DHTML Menu >>

Click File in menu bar and select Report to know the detail information about your menu. The menu information  are divided into two parts in report dialog. One is menu size, it lists the size of each element and lists total size of the whole tree menu too; the other is download time, it shows different download time according to different modems. These modems include Modem (28k), Modem (56k), ISDN ( 128K), ADSL (512K), and T1 (1.544M).