For website, navigation tree menu maybe keep the same menu link and menu text for long time.  Is it tedious? No, web designer won’t make it come true. The experienced designers can apply diverse styles to make tree menu attractive and stunning.  Almost all elements in tree menu can be customized, and become the spotlight to beautify the website.

The tree menu will present a new look even a tiny element is modified, which brings exciting to website. With Sothink Tree Menu, the beginners can customize the styles in intuitive interface with ease; it provides image library of various types to design menu tree style; and the outside files can be imported to tree menu to form your own style.

Let’s compare some tree menus, and view the magic about tree menu style:

1. Set size to get another tree menu, which is completely different menu tree.
   (Enter “Global Settings > General” to set width and height for the whole tree menu)
   
2. Set properties for tree menu and its items to build a totally different web menu, these properties include background, color, font, etc.
   (Select node in  Tree panel, and enter  “Node Settings > Font” or “Node Settings  > Background” panel to set their properties.)
   
3. Add graphics to customize button, line, arrow and cursor images.
   (Select node or sub-tree; enter the related option in “Global Settings” panel to set image properties.)

   

4. Disable some nodes in tree menu, which needs to be changed from time to time.
   (Check the selected nodes, and enter   “Node Settings > Advanced” to set this function)

   

5. Tree menu expands its sub-tree with dynamic and visual effect after mouse interacts with menu tree, which gives the visitors deep impression. The program presets the various effects for showing or hiding sub-tree respectively, effect speed can be set too.

View more tree menu samples to get inspiration; download tree menu builder to DIY your tree menu with customizable menu style.

Tree Menus are the accordion navigation menu for website of any complexity, which are usually fixed in the left or right on web pages. The clear tree menus are not only the guide for web, but also are the beautiful web elements to decorate your website. We collect 10 excellent & eye-catching tree menus to expand your tree menus design.

1. Urban Gray Accordin Tree Menus
2. Bullet List Menu Tree
3. Arrow Slide Web Menu
4. Apple Style Collapsible Menu
   
5. Glossy Navigation Menu
   
6. BDC DrillDown Web Menu
7. Hover Tab Menu
8. Inspored Navigation Bar
9. iPod JavaScript Menu
   
10. Beautiful Web Menu
    

Recently, we find out some well-designed horizontal web menus. Below will list 5 JavaScript menus.

Great web menus for you! Let’s share these wonderful idea about making navigation bar:

Javascript provides the web page developer with an excellent and powerful programming tool – which is, of course, why it forms the core of that current hot Internet technique: Ajax (Asynchronous Javascript and XML). However, Javascript can be of benefit to any web site – especially when it comes to manipulating objects on a web page: objects such a menus.

The Basics of a Javascript Menu

In order to create a menu the web site developer needs to make use of two Javascript methods:

• · onmouseover – this is triggered when the mouse pointer is placed over an object
• · onmouseout – triggered when the mouse pointer is moved away from an object

The web site developer also needs to make use of the web page’s object’s style, and in particular the object’s:

• background-color
• display
• left
• position
• top
• width
• z-index

Read on »

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

A well-designed and well-executed navigation menu can have more impact on user’s appreciation of a site than any other single piece of the design. In this post,  we will take a look at more than 5 stellar examples of JavaScript menus that positively impact the design of a website. The list includes a great deal of variety. Regardless of what you personally prefer, there should be some inspirational examples here for you.

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: