Parallax and Scrolling

Parallax is an animation effect that allows layers to move in response to a particular viewpoint. The effect is used to add a three-dimensional depth illusion to the design and make interaction more responsive and interesting. Recently, this technique has been frequently used to animate background images, as in the famous Nike Better World site.

Nike Better World

Rich graphics and parallax 3D effects

Vertical scrolling navigation with parallax background effects

On the Nike page, the effect is visible when a user scrolls the page vertically. The background images seem to overlap, as if they were piled up in a slide deck. This effect is particularly strong when you click on the circles in the right area of the site. Notice the dashed horizontal and vertical lines which are displayed as you scroll the page. They vividly connect parts of the site and help to create a more consistent user experience.

One drawback of the navigation here is that the navigation controls are very subtle. In fact, on many sites which use this technique, the strong emphases are on the rich, detailed illustrations which make it a bit more challenging to actually find the navigation. In this example, perceiving the dots on the right side as navigation and not mistaking them for part of the design may take a while. Still, a very original and memorable design.

Rosso Carmilla

Horizontal parallax animation

Horizontal scrolling with parallax animation

Rosso Carmilla features an interesting twist on a combination of the Parallax-effect and scrolling navigation. The designer uses a horizontal rather than a vertical orientation, with a classic navigation menu at the top. As the user hovers over visual elements, they seem to move, creating the illusion of depth. The limited color palette and original illustrations work very well with the animation to create a memorable experience. The subtle animations are visible only when the user hovers over the content area.

The idea is very interesting, and the execution is done fairly well. However, a larger font size and additional navigation controls for a smooth transition between sections might improve the overall usability of the site: the horizontal scroll bar at the bottom of the page isn’t easy to notice and isn’t very comfortable to use.

Discover Tennessee Trails & Byways

Horizontal scrolling navigation, clarified.

Horizontal scrolling with parallax animation and clarified navigation

Discover Tennessee Trails & Byways incorporate a “trail viewer” navigation for their users. The designers of the site use the same idea of horizontal scrolling navigation with a Parallax animation, but they decided to explain to users first how to use the navigation on the site. Usually, this is not a sign for an effective navigation, but it works quite well in this example, especially because the overall design appears to be very novel, playful and experimental to users anyway. In the case of uncommon or particularly innovative design techniques, this kind of instruction might be necessary until users understand the paradigm of the new navigation pattern.

When the user clicks on a trailer icon, further related details are displayed in a lightbox. Also notice how the “map” with trailer on the right side moves when the user uses the main “trail viewer” navigation. The other interesting navigation menu on the site is the one displayed at the bottom of the page; when a user selects an area, secondary options are displayed in the menu on the right side and this selection doesn’t change wherever the user’s mouse is. This navigation menu is also very nicely integrated in the overall site’s design.

Siebennull

‘Cluttered desk’ meets Parallax

A unique and original take on the ‘cluttered desk’ style

Strikingly original, Siebennull features a’cluttered desk’ style wooden theme, along with a 3D feel provided in part by shadows and other realistic graphics and in part by the Parallax effect which is applied to the whole page. The overall effect feel very interconnected without too much clutter.

One pitfall with an animated background, however, is that the background doesn’t necessarily hold still while the user is viewing something in detail, whether in a model box or a simple zoom-in. This can make it more difficult to read large blocks of text. The page does feel a bit difficult to focus on due to a strong Parallax-effect. This is probably an example of the Parallax-effect being used too strongly, thus deteriorating the purpose of navigation.

Storytelling

It’s common practice to keep the design as simple and intuitive as possible, making it very easy for the user to click from one page to the next, almost mindlessly — “don’t make the user think” is the rule. However, you could as well engage users on your site, making them think about what’s going on in the page and involving them in the experience on a deeper level. For instance, you could employ storytelling to increase the engagement on your site by telling a story that your users would like to pursue or interact with.

One way to make your visitors feel involved is to turn the website into an interactive journey. While users interact with the page, they can learn something along the way, being baffled by the originality and uncertainty of the site. This technique is probably best-suited to promotional landing pages rather than content-heavy websites. If a story is intriguing and presented in an interesting, perhaps unconventional way, it will capture users’ attention and encourange them to continue through to your site’s call to action. A few fine examples of these types of navigation are highlighted below.

Ben the Bodyguard

A narrated landing page

An exciting user experience, creating user-engagement with design and effects

The designers of the Ben the Bodyguard landing page have chosen a very memorable metaphor for their main character. Instead of presenting a generic “coming soon” page with a description of the upcoming service, the site effectively tells a story. The main tagline of the page is “A Frenchman protecting your secrets. Yes, seriously.” Next to this statement, a description of the tool is presented subtly. The mysterious character is displayed in the background, yet it very well captures users’ attention and interest.

The actual interesting part of the page happens when you scroll the page slowly. If you pay attention to illustrations and read all the details presented, you can watch as a story unfolds. While the narrator walks down the street, he gives you some explanation, but only enough to raise your interest. As you keep scrolling, the story reaches its climax and ends with a prominent call-to-action buttons. Notice that the design is responsive and the illustrations adjust to the user’s viewport. On the whole, it’s not classic navigation, but it’s not a traditional site either. Ben the Bodyguard is a remarkable website and storytelling works very well in this context of a promotional piece. That’s the reason why the site has received so much attention when it was initially released.

Youzee

Smooth, gentle storytelling

Smooth, gentle parallax animation

Youzee is another example of a smooth, vertical one-page scrolling navigation which employs storytelling. The page has the main navigation at the top, yet it is not linked to separate pages, but rather to the sections of the loaded page. In fact, each section slides up neatly, with a bit of animation but not enough to make the user dizzy.

Notice how carefully the designers use storytelling to involve the user in a story and engage them in learning about the tool. Opposite to Ben the Bodyguard, the design doesn’t rely heavily on a character, but rather uses more familiar, existing metaphors to unfold the story. The main area on the top isn’t saying what the service is about; the user learns it along the way as he scrolls the page. Also notice how well designers use the “Turn on” metaphor for the button on the top of the page; it looks as if it wanted to be clicked on and responds appropriately to a click. Well done, guys, well done.

Scrolling Navigation

Tried and true, scrolling navigation is a simple and elegant way to guide users through your content. Many designers are experimenting with scrolling navigation on single page designs which accomodate the full information of a website on one page rather than spreading it across multiple pages that would load separately. Usability studies are required to determine if this navigation pattern is more effective than a classic one, and it would be wrong to apply it to contexts without verifying its usefulness first. Some ways of making your scrolling navigation unique are highlighted below.

Polecat

Back to the basics

Simple solid scrolling navigation

Polecat is a yet nice example of a single page site with scrolling navigation. The primary navigation in the upper right corner is very minimal, plain text almost, but it works well because it’s not in the way; it’s clearly available and makes the user feel like they know exactly where they are. The illustrations are unique and engaging. When you visit the page for the first time, you might feel overwhelmed with a number of information items thrown at you, but this feeling goes away shortly after the site is explored in more detail.

When a navigation item is clicked, the page smoothly scrolls to the chosen section of the page. The interesting part is that various parts of the page are clearly divided using distinctive background colors, so the user always knows exactly where a section begins and where it ends. Also, each section is vividly illustrated, leaving a lasting and memorable impression. It has a more interesting and engaging design for a portfolio website than many of the similar websites out there.

The main drawback: at first glance, it’s not quite clear which elements are clickable and how the navigation works, which can be a bit confusing at first.

Cornerd

Simple vertical scrolling navigation

Simple vertical scrolling navigation

Very much like Polecat, Cornerd features lots of illustrative eye-candy. The monster theme is working very well and subtle eye movements of the monsters create an inviting, playful atmosphere. The designer Denise Chandler does not take herself too seriously and this is exactly what invokes empathy and sympathy on the site, making it easier to develop trust for designer’s ability to produce engaging and attractive work.

The sections of the page work well, but a fixed navigation at theop might really help to establish more of a sense of freedom, especially in the long sections like the portfolio section. Instead of that, the user is only provided with the option to move back up.

Curious Generation Group

Single page scrolling with a twist

Single page scrolling with a twist

While clean and organized, Curious Generation Group feels a bit unexpected with its colorful round shapes. A simple static navigation bar at the top is both subtle and plays well with the overall design of this website. Sometimes a fixed navigation bar can feel clunky and distracting, but this one feels light and airy with its transparency. The positioning of the content works well with the animation of the scrolling and does a good job of leading your eye through the website. Notice that all single areas are interconnected: for each area, there is a sidebar navigation displaying further navigation options. A very vivid, colorful and memorable design.

Eric Johansson

Riding on a scooter

Riding on a scooter, featuring parallax animation

Eric Johansson does a couple of things that make the exploration of his site interesting for the user. The page provides subtle cues on how to use the navigation and there is also a (kind of) horizontal scrollbar which appears within the context of the page. It’s a small difference, to have a scrollbar a few pixels above the bottom of the window as opposed to using the browser scrollbar itself, but it provides almost enough distinction to make it clear that the user is supposed to click and drag.

As the users scroll the page, they need to look out for arrows and handles that need to be clicked on in order for further navigation options to be displayed. Eric is playing with the users, and does so in a very unique way. Users that do not feel comfortable with it are nevertheless provided with the option to View the extended & “normal” site. The graphics on the page could be improved a bit to make the design look a bit realistic, but maybe it is designed this way on purpose. But it would be great if the users could scroll the page without necessarily using the integrated scroll bar on the bottom of the page (see Scroll Page Horizontally With Mouse Wheel).

Haunted Cathouse

Vertical scrolling navigation with storybook graphics

Vertical scrolling navigation with storybook illustrations

Haunted Cathouse is a yet another, very detailed and very illustrated page which breaks the flow of the page by displaying unique illustrations between the sections of the page. As the user scrolls vertically, he can either see the current section, jump to the previous one or to the next one.

Clicking on the little owl in the lower right corner reveals a slide in navigation bar at your service wherever you are on the site, a better indicator however may save the visitor some time. While some users may be happy to start scrolling away on their mouse to get to the content, in this particular design it might be useful to provide multiple options. A top-level navigation bar also provides a way to highlight what kind of content users can expect to find below.

Sam Web

Horizontal scrolling within horizontal scrolling

Horizontal scrolling nested within horizontal scrolling

Sam Web’s horizontal scrolling panels, while a fairly classic navigation model, are very cleanly executed. It’s also nice that some sections slide horizontally while the contact link scrolls to the bottom, since that element is present globally.

The interesting thing here is the nested horizontal scroller on the portfolio page. Since it scrolls in the same direction as the main content area, but isn’t controlled by the same navigation, it has some potential to confuse users. The left and right arrows are visual indicators that something is different about this section, but it also might benefit from being a slightly different kind of scroller, or using some other interaction to navigate that content. It’s a tricky thing, finding a slick way to add navigation to subcontent already inside of some sort of interactive navigation.

Denny’s Restaurant

Too much of anything is bad for you

Combined horizontal and vertical scrolling

The designers of Denny’s Restaurant probably overshot when searching for a way to accommodate a lot of content. The combination of horizontal and vertical scrolling is rather disorienting than helpful. Without the small hint on the home screen, the user may even miss the content only reachable through the extra vertical scroll. Additional content is hidden in sliders and it seems easy to get lost. In addition to being confusing, the site is not very friendly to mobile users, looking to order or find a restaurant on the go. The site might create a feeling of “fluid content” which is a bit difficult to grasp and focus on, since everything is moving; everything is interactive and everything is changing. The design could use a bit more calm.

From: http://www.smashingmagazine.com/2011/04/19/showcase-of-creative-navigation-menus-good-and-bad-examples/

• Want to add a dazzling Flash menu for you own website or blog, while you are rather new to Flash and have no idea about Actionscript.
• Have received feedback from visitors who told you that your site was too complicated and difficult to navigate.
• Need good Google rank for your websites, but don’t know how to make your Flash drop down menu Search Engine friendly.
• Tried to script your own dynamic navigation menus from scratch and found it to be tedious and inefficient.
• Created a Flash drop down menu, only to find that it displayed incorrectly in one or more browsers.
• Wanted the ability to quickly change colors, backgrounds and other properties of your drop down navigation menus.

How to get Sothink Flash Menu for free?

So long as following our twitter account https://twitter.com/SothinkMedia on Nov 23, 2010, you will get an instant message includes registration key and download link. All the followers of our account (previous followers and new followers) can join this campaign.

What is Sothink Flash Menu?

Sothink Flash Menu is an ultimate Flash menu builder, which creates stylish & stunning cross-browser Flash drop down menu in clicks. With 46 built-in templates, 50 amazing special effects, 35 preset styles and image library of 4 categories, it can easily make SE friendly web menu without Flash and ActionScript skills. Fully customize menu style; show Flash menu above web elements. WYSWYG Flash menu builder enables you to preview Flash menu instantly.

Flash menu Samples

Download Sothink Flash Menu right now >>

Just one day to get a free license of Sothink Flash Menu, follow us on twitter to catch the only opportunity to experience Flash menu builder and create stunning Flash menus.

In Sothink Flash Menu, the program provides preset menu styles which can be applied to menu item in one click; to get extremely the same Flash menu with your imagination, you can customize menu styles in this program, which creates thousands combinations of menu display, special effect, background, distance, space, color, font, image, cursor, separator and icon. Let’s take a close look to see how Flash menu builder changes your menu style:

1.    Reset menu display to get a brand-new menu. Modify horizontal menu to vertical menu.
(Check “Top-level Menu”, and enter “Popup Menu > General” to choose “Horizontal” option)

2.    Set properties for Flash menu and its items to build a totally different web menu, these properties
include background, color, special effect, font, etc.
(Select the menu item and popup menu, enter “Menu Item” and “Popup Menu” panel to set their properties.)

3.    Set position of menu item and distance between items to layout Flash menu.
(Select menu item, you can enter “Menu Item > Position” to set item position; Select popup menu, you can enter “Popup Menu > Position” to set position for popup menu.)

4.    Add graphics to customize the cursor, icon and separator images.
(Select the menu item and popup menu; enter “Menu Item” panel to set icon, “Global > Cursor” panel to set cursor image; insert separator and select it, enter “Separator” panel to set its properties)

5.    Embed the font to create Flash menu, which make sure all the visitors enjoy the exactly the same
Flash menu, even though the used font in Flash menu is not installed on the computer.

6.    Set font and menu contents in one menu item, Flash menu builder will auto-adjust width and height for
each menu item, and make the whole Flash menu perfect.

7.    Flash menu can play sound when mouse interacts with item. View Flash menu sample of playing sound.
8.    One Flash menu can be inserted to multi-page and one page can include multi-menu.
9.    Set menu width in percentage to layout the website design.
10.   Show sub menu by mouse event.

If you are not satisfied with your Flash menu, why not to try Flash menu builder to create Flash menu of your
mind？Now, download Sothink Flash menu to make it come true.

Sothink Flash menu is an ultimate Flash menu builder; it can build Flash menus with simple steps. Besides float menu, Flash 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 Flash 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 Flash menu from Built-in Template.

Launch Sothink Flash Menu, choose “Distinctive10” from Distinctive category in “Startup” window. This is a static menu currently; preview menu to get the same above static menu.

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 Flash menu scroll along scroll bar.

  

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

• Copy & paste the related menu items in one or two Flash Menu windows to reset menu sequence;
• Import menu items from Sothink DHTML Menu or Sothink Tree Menu to get the same menu structure and contents from JavaScript menu/ tree menu;
• Attach XML file to generate Flash menu and modify it by outside file, which edits XML file to upgrade Flash menu later.

To make your Flash menu creation effectively; you can use one of above-mentioned methods. To make your Flash menu special, you can apply HTML code or image in Flash menu as menu item, which gets great result that the plain text menu can never surpass.

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

Use XML to create Flash menu:

1. Select the menu item in Menu Panel, and check the “XML” option in “Menu Item > General” property panel; then click the button “Folder” to browse and choose XML file, or type XML file’s path, the menu will appear in the preview window.

Add the same-level menu item or parent-level menu item for this XML menu.

2. In Menu panel, choose this “XML menu item”, click “Insert Item After” button to add the same-level menu item; or choose “Top-level Menu”; and click “Add Sub Menu Item” button to add the same-level 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, Flash menu builder provides more options to generate menu items. They enrich contents and simplify update steps for Flash menu, which gives us a wonderful journey to build Flash menu.

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

To create unique personalized Thanksgiving Flash menu, we will share some tips with you:

1. Include graphics contain delicious food in Flash menu.
2. Use warm color as background for Thanksgiving Flash menu.
3. Add some special effects to attract the viewer and decorate your Flash menu.
4. Navigate the viewers to next exciting page by Flash menu.

Using Sothink Flash Menu, you can apply preset resources to create Thanksgiving Flash menu in five minute s following to above-mentioned tips. Let’s start building navigation bar like this:

1. Start Flash menu from Built-in Template.
Launch Sothink Flash Menu, choose “Distinctive05” from Distinctive category in “Startup” window.

2. Choose or customize Background image from image library.
Expand the items in Menu Tree, choose “Top-level Menu”; and enter “Popup Menu > Background” to set background for the whole Flash drop down menu.

• In below property panel, click “Image Library” button to open window.
• Click “Add” button to choose favorite image from local disk to image library window, and choose this image to Flash menu as background.

3. Select proper effects from special menu effects.

• Pick up popup menu(s) in Menu Tree, and enter “Popup Menu > Effect” to set special effects for popup menu(s).

Note: Press Ctrl/Shift button on the keyboard, and click menu items to select many items at one time.

• In below property panel, choose “Expand Down” and “Fade” as showing and hiding effect respectively.

4. Select the appropriate menu style from preset styles.

• Pick up menu item(s) in Menu Tree, and enter “Menu Item > Style” to apply prepared style for menu item(s).

• In below property panel, double click the wanted style to apply the selected menu item(s).

5. Edit the menu items and add separators.

• Add or delete the menu item(s) in Menu Tree directly; Modify the text contents and add link for them, you can enter “Menu Item > General” property panel to set

• Choose a menu item, you can add separator behind it in Menu Tree; Modify the separator property, you can enter “Menu Item > Separator” property panel to set.

6. Setting Font for menu items.

• Pick up menu item(s), and enter “Menu Item > font” to set font for menu item(s).

• In below property panel, choose the suitable font setting for the selected menu item(s).

An attractive Flash menu is finished in five minutes because of rich resources. Download Sothink Flash Menu to get more free resources to customize your Flash menus.

Flash menu can be search friendly to search engine spiders by three ways:

• Generate the SE friendly code and insert it to webpage

• Make XML sitemap and submit it to main-stream Search Engine

• Generate sitemap to help navigate site and make it to be indexed by Search Engine

As Flash menu builder, Sothink Flash menu not only enables to create the attractive Flash drop down menu, but also provides the useful tools to make Flash menus SE friendly. Let’s check out these SEO tools:

1. Search Engine Friendly Code Maker

Intro: This tool enables to generate special codes which are readable for web crawlers; and these SE friendly codes can enhance the presence and visibility of a website on search engine listings. The maker will behave like sitemap if JavaScript is forbidden in the browser, which the menu is shown in text link.
Usage: After publishing the menu into page, you can check button in the program to open dialog, and click “Copy All” button to copy these codes, and paste them behind the menu code between tag within webpage.
Button:

Dialog:

2. Google XML Sitemap

Intro: This tool can generate XML sitemap, which is special for Google search engine. This XML sitemap makes good use of the search engine spiders’ time by make the engines index pages from your site efficiently; and provides the opportunity to make search engines know priority, update time and change frequency.

Usage: Finishing the menu configuration, you can check button in the program to open dialog; input your website link and check the related options to set sitemap; click “Save XML” button to save XML sitemap to defined path. At last, submit this XML sitemap to Google.
Button:

Dialog:

3. Generate Sitemap

Intro: Sitemap allows search engine crawlers index the website easily; it enables to make SE find all the pages. Even some internal links, sitemap still improves Page Rank or link popularity to all pages it links. Also sitemap helps with usability and site navigation based on existing menu structure used in website.
Usage: Completing the menu creation, you can check button in the program to open dialog; choose theme, attach CSS and check the related options to set sitemap page; click “Save…” button to save HTML page to defined path.
Button:

Dialog:

We have introduced above-mentioned SE friendly ways in Flash menu creation. You can choose the best way based on your website.

Download Sothink Flash Menu, and get and try these SE friendly tools.

Generally speaking, there are two tools to create Flash menus: Adobe Flash and Flash menu builder. As we know, any tool has its positive and negative aspect, let’s view their effectiveness in creating Flash menu.

In a word, Adobe Flash is a powerful Flash builder, which enables to ad, banner, movie, etc, but it is not ideal Flash menu builder. If you want to create Flash drop down menu in easy and quick way, please resort to professional Flash menu builder.

Next, let’s approach to Sothink Flash Menu and get more info:

Sothink Flash Menu is an ultimate Flash menu builder, which allows us to create attractive & amazing cross-browser Flash drop down menu in clicks. Built-in templates, fascinating Flash menu with special effects, diverse preset styles and image library, we can make SE friendly Flash menus without coding. Fully customize web menu style. Intuitive interface brings better user experience.

Free built-in templates provide wonderful Flash menus like below:

Download Sothink Flash Menu to try all features in it.

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

3. Notepad navigation menu

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

Sothink DHTML Menu is an easy-to-use drop down menu builder, it can create SE friendly and fast-loading JavaScript menu without coding. Rich templates & styles enable you to create cross-browser menu in clicks. Seamless integrates with main-stream web editors, Adobe Dreamweaver CS5 supported. With this navigation menu builder, you can easily make functional menus, database driven menus. Menu appearance can be fully customized too.Main features of drop down menu builder:

• Full cross-browser compatibility: supports IE, Google Chrome, Firefox, Opera and Safari (Support Safari 5 on Win & Mac).
• Seamlessly integrates with Dreamweaver (support CS5), FrontPage, Expression Web and Adobe GoLive as add-ons.
• Supports making database driven JavaScript menu with ASP, PHP, JSP, ASP.NET, ColdFusion and more.
• Creates functional JavaScript menu, such as tab menu, highlight menu, scrolling menu, cross-frame menu, multi-level/multi-column menu, custom menu, floating menu, etc.
• Offers 80 + templates, 30+ styles; and provides image library for background, icon, arrow and separator.
• Enables to save background color of preview window in authoring files, which make it convenient for editing next time.
• Publish wizard guides you to publish the drop down menu to website step by step.
• Customizes web menu properties, like font, icon, background, border, cursor, tool tip, surround, effects, alignment, transparency, size, etc.

Please visit Sothink DHTML Menu for more information.

For Adobe Dreamweaver CS5 users, you will be prompted to auto-install Dreamweaver extension during Sothink DHTML Menu builder installation.

Download Sothink DHTML Menu and enjoy 30-day free experience.