Script Category:    Horizontal Multilevel Menu

Menu Family: Website Top Nav Using Animation With Submenus From JavaScript


Menu Family: Website Top Nav Using Animation With Submenus From JavaScript

Overview

Description

This example demonstrates how to create a traditional, two-column page layout (using Grids) with top navigation featuring animated drop-down menus. The top navigation is created using a MenuBar instance that is constructed using existing markup and enables the user to navigate to different landing pages for each Yahoo! product category. If JavaScript is enabled, submenus are appended to the items in the MenuBar, allowing the user to skip the product landing pages and proceed directly to a given property.

Author:

YUI Team

User Ratings:

      

Compatibility


      compatibility

Other scripts Of this developer

 

Animating From a Given Value

This demonstrates how to start a YUI Animation from a given value.

Animating Colors

This demonstrates how to use the YUI Animation to animate colors.

Animated Scrolling

This demonstrates how to use the YUI Animation to animate the scrolling of an HTMLElement.

AutoComplete Control: Use AutoComplete to access flat-file data from a web service

This example's XHR DataSource instance points to a custom PHP script that returns data from tab-delimited text file.

AutoComplete Control: Configurations Dashboard

This example is designed to allow you to experiment with the various configuration properties provided by AutoComplete and to explore their impact on the interaction. The first field after the AutoComplete input textbox is a select element that allows you to test for bleed-through on Internet Explorer when the AutoComplete suggestion container descends to cover it. The remaining form fields allow you to change property settings on the AutoComplete instance and to see immediately how those changes feel in the browser.

Browser History Manager (beta): Simple Navigation Bar

This example demonstrates how to use the Browser History Manager to "ajaxify" a simple navigation bar.

Browser History Manager (beta): TabView Control

This example demonstrates how to use the Browser History Manager to remember which tabs have been visited with the TabView widget and dynamically update it when the user presses the browser's back/forward buttons.

Browser History Manager (beta): Calendar Control

This example demonstrates how to use the Browser History Manager to remember which months have been viewed with the calendar widget and dynamically update it when the user presses the browser's back/forward buttons.

Push Buttons

This example explores various ways to create a Push Button.

Color Picker Button

This example demonstrates how to render a Color Picker into the Menu of a Split Button.
  
123456789

Comments

COMMENTS:  Menu Family: Website Top Nav Using Animation With Submenus From JavaScript


NO COMMENTS TO DISPLAY. BE THE FIRST ONE TO WRITE !!!!!

OOPS! You forgot to upload swfobject.js ! You must upload this file for your form to work.