Posts Tagged ‘javascript menu’

DHTML Menu supports IE9 beta in its new version of 9.6. With Microsoft IE9 Beta release, you can use this powerful IE browser later, which is optimized in performance, HTML5, Graphic and Browser. As an essential web element, JavaScript menu/DHTML menu needs to be compatible with the main-stream browser of IE9 to get better browsing experience. DHTML Menu enables you to create cross IE9 beta navigation bars without any skills; 100+ built-in templates are available to be applied to your website directly.

What is Sothink DHTML Menu?
Sothink DHTML Menu is a drop down menu builder, which assistant you in making cross-browser menu, fast-loading menu and SE friendly menu in clicks. 100+ templates & 30 styles included; integration with main-stream web editors; support database driven menus; fully customize menu style.

Main features:
* Full cross-browser compatibility, support IE9 beta.
* Seamlessly integrates with DW, FP, EW and GoLive.
* Supports database driven navigation menu with ASP, PHP, JSP, ASP.NET, ColdFusion.
* Creates functional navigation menu, such as tab menu, highlight menu, scrolling menu, cross-frame menu, multi-level/multi-column menu, custom menu, floating menu, etc.
* Offers 100 + free templates, 30+ preset styles; and provides image library for menu design.
* Publish wizard guides you to publish the drop down menu to website step by step.
* Customize web menu properties, like font, icon, background, border, cursor, tool tip, etc.

Check some samples of DHTML Menu:

1. Anchor chain drop down menu


2. Grass green web menu

drop down menu

3. Notepad navigation menu

navigation bar

Download Sothink DHTML Menu to create a well cross-browser menu.

Apple’s iPad offers us better user experience, viewing websites is no more only one way, and the smart fluid width design can be landscape or portrait mode, which gives the visitors two completely different layouts of website. But now, the desktop computer is not compatible with iPad because of the different dimensions. For iPad web design, should we design two types of navigation tree menu for iPad websites? Of course you not, Sothink Tree Menu enables you to create the magic tree menu to match with iPad web page.

Navigation tree menu in iPad websites can quickly guide visitors to the target iPad web page, which is special used for iPad web design of large-scale directory. The collapsible tree menu is cross-browser, fast loading and SE friendly tree menu. And seamless integrations with HTML editors will enable you to add tree menu to iPad web page never so easy.

Using Sothink Tree Menu, let’s start building deep blue tree menu as below now:

  1. Start With Built-in Templates from Tree Menu Builder
  2. Launch Sothink Tree Menu, template windows opens; and choose tree menu “Deep Blue” under the category “Business”.

    Create Tree Menu from Templates

  3. Modify the text and link for tree menu and apply it into your iPad websites
  4. Modify the text and link to make the tree menu server for your iPad websites. Click the text on Tree panel, select the option “Node Settings > General”, and edit the text and link in below property panel.

    Set Node for Tree Menu

  5. Set web path to make iPad tree menu work in local or Internet
  6. Set web path to save JavaScript and image files to the defined directory, which makes sure the tree menu display correctly. You can enter the “Global Settings > Web Path” to set directory.

    iPad Tree Menu - Web Path

  7. Publish the iPad tree menu to make it display on iPad websites
  8. Publish the resource files, menu code or JavaScript menu code to the specific folder, and insert two pieces of code to the tag “head” and “body” within iPad web page. You can preview menu locally; upload all the resource files to web server, you can view tree menu on Internet.
    Check the button Publish Tree Menuon the toolbar to publish your iPad tree menu.

Finish the above steps; your tree menu has been displayed on the iPad websites. Is iPad tree menu perfectly displayed on iPad websites of the fluid design? Hope you like it.

Menu can work in a JavaScript disabled browser. You can insert the codes which are generated by Search Engine Friendly Code Maker to HTML page, and the codes will behave like site map in the web page if the js files are disabled in the browser. The codes are inserted into the BODY tag, which is behind the menu code. If the js files are accessible in the browser, the menu can be shown in the web page, but the codes will not shown; If the js files are disabled in the browser, the codes will be shown as site map in the web page to navigate your web site.

Navigation bar provides an easy and interesting way to navigate between the site’s main sections on your site for visitors. A navigation bar often extends along the top or side of a Web page and includes text, images, or animations, displayed as buttons that link to other sections or pages in the site.

Besides its function, navigation menu design is very important for your website; your web menu should match with website style. Below, we will show you 5 excellent navigation bars:

1. Red & black drop down menu

2. Link chain JavaScript menu

3. Arch DHTML menu

4. Bullet drop-down menu

5. Battery web menu

These well-designed navigation bars are packaged in Sothink DHTML Menu, you can apply them to your website freely as long as you are the registered users.

For web designers, they would like to layout each element in website precisely. As an important element, navigation menu needs to be placed in the proper situation on the website. But how to place navigation bar on special location, how to make it align to other elements? Next, I will show you the ways to position navigation menu:

Position Menu in Web Page by Layer

Position Menu in Web Page by Table

You can download Sothink DHTML Menu to try position javaScript menu on the webpage.

Tab Menu is a special drop down menu, which lists more menu items in the less space. This kind of tab menu is usually shown as horizontal DHTML menu, and its submenus list in below line. The sub menu items will be listed beneath it when moving mouse over a tab menu. The menu of round corner makes the navigation bar clear and good-looking. As a kind of widely-used JavaScript menus nowadays, it displays the sub-menu items vividly and gives the visitors deep impression.

Below websites include the excellent tab menus:


View tutorial to create tab menu >>

Navigation menu is the vital element for website, it not only draws the outline of website structure and gives the visitors some sense of orientation though the site; but also spotlights your web design; even navigation menu is SE friendly to promote your website ranking. Navigation menu has been developed for years, its style and functions are not limited in image and text anymore, the navigation menus are various in future trend. Let’s share the popular navigation menus on web design:

  • Tab menu to show more in less space
  • Creative menu for individual website
  • Mac style of navigation bar
  • Navigation menu of multi-column/multi-level
  • Vertical menu to navigate the website
  • Stunning icon of JavaScript menu

They are great DHTML menu, right? Come here to enjoy more web menus.
Download drop down menu builder to design your own menu.

Sothink DHTML Menu can create the various drop down menus, JavaScript menus, navigation

bars amd web menus without coding.  With this drop down menu builder, you can create the  diverse menu styles, such as horizontal menu, vertical menu, etc. Next, I will show you the excellent JavScript menus made by Sothin DHTML Menu:

Drop Down Menu Samples – Tab Menu

JavaScript Menu Samples – Multi-level & Multi-column

Navigation Bar Samples – Clone of some famous menus

JavaScript Menu Samples – Database Driven & Special Effect

Come to our menu samples to view more well-design menus.

Many menu samples have been saved to built-in template; download Sothink DHTML Menu to create your own menu.

You are beginner or amateur on building drop down menu; you are unable to create the same navigation bar in your mind. Maybe, Sothink DHTML Menu can help you to build the ideal JavaScript menu. View our simple tutorials to start your web menu.

Download DHTML Menu >>

    You are the experienced web designer on menu creation, but you wanna to make data-drive menu by JSP, ASP or PHP at this time. Come on, view our tutorial to learning to create such a functional menu:

    When creating web menus, you maybe meet the problem. Yes, you can resort to DHTML Menu tutorial to settle your problem down:

    It is very useful DHTML menu tutorial, right? Hope you enjoy it.
    If your concerns are not here, please contact us, we will add it later.

    At present, many well-known companies use drop down menu as navigation bar to navigate their website, such as Microsoft, Adobe, Amazon, etc. How these great drop down menu would be like? Below collects the excellent drop down menus from famous websites. The clone web menus have their own features, such as multi-column JavaScript menu, horizontal or vertical drop down menus. These simple and practical navigation bars are the most favorite web menu for big company.

    Let’s view thses clone web menus:

    Navigation bar from Amazon


    Drop down menu from Amazon

    Web menu from Alcatel

    DHTML menu from Sony


    View more drop down menus >>