Home
Javascripts
No Javascripts
Submit Scripts
Feedback
Script Category:
Horizontal Multilevel Menu
Demo
Download
Home Page
Other scripts
Compatibility
Comments
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
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.
1
2
3
4
5
6
7
8
9
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.
Section List
AUTOSUGGEST
AutoSuggest
BARS
Alpha Bars
Status Bars
Title Bar
Toolbars
CARTS
Shopping Carts
CHATS AND COMMENTS
Chats
Comment System
CONTENT DISPLAY
Banners
Floating Content
Modal Scripts
Popups
DROPDOWN & SELECT BOXES
Checkboxes
Combo Boxes
Dropdown Menus
Select Boxes
EDITORS
Editors
EFFECTS AND DECORATION
Backgrounds
Page Effects
Peelers
Text Effects
EXTERNAL FILES LOAD
Dynamic External Files
Iframe
Http Get And Post
Includes
FONTS
Fonts
Tag Cloud
FORMS
General Forms
Dynamic Forms
Form Field Limiters
Form Processors
Forms Validation
Password Protecting
Uploaders
Captcha
GALLERIES AND VIEWERS
3D Galleries
Image Galleries
Image Viewers
Photo Albums
GAMES
Games
IMAGE EFFECTS
Image Effects
Image Rollover
Reflections
LAYOUTS AND LAYERS
Corners
Layouts
Show Hide Layers
LIBRARIES AND FRAMEWORKS
Libraries And Frameworks
LINKS
Floating Links
Link Effects
Manual Links
Pagination
MAPS AND GRAPHS
Graphs
Maps
MENU
3D Menu
Accordion Menus
Floating Menus
Horizontal Menu
Vertical Menu
Horizontal Multilevel Menu
Vertical Multilevel Menu
Slide In Menus
Tree Menu
Horizontal Tab Menu
MISC.
Pranks
Misc
MOUSE EFFECTS & TOOLTIPS
Cursor
Mouse Effects
Right Click Menus
Popup Tips
Tooltips
MUSIC AND SOUND EFFECTS
Music And Sound Effects
PAGE INTROS.
Intros
Page Refresh
Preloaders
Progress Bar
Throbbers
Greetings
Tips And Quotes
PANEL
Horizontal Accordion Panels
Vertical Accordion Panels
Collapsible Panels
Sliding Panels
POLLS AND VOTES
Quiz
Vote
RSS
RSS
SLIDE SHOWS
Carousel
Slide Show Auto
Slide Show Static
BUTTONS AND FONTS
Buttons
Fonts
STYLE SHEETS
Style Sheet Switcher
TABS AND PANES
Panes
Horizontal Tabs
Vertical Tabs
TICKERS AND SCROLLERS
Horizontal Tickers And Scrollers
Vertical Tickers And Scrollers
Flashing Tickers And Scrollers
Multi Directional Scrollers
News Tickers
Page Scroll
Scroller With Bar
Slider
TIME
Calenders
Clocks
Counters
Count Ups And Downs
Date Based
Dynamic Calendars
Planners
Popup Calenders
Time Oriented
TOOLS
3-D Tools
Calculators
Color Picker
Generators
Image Croppers
Zoom And Magnifiers
TRANSITIONS AND EFFECTS
3-D Effects
Animations
Transitions Effects
UTILITIES AND BACKEND SCRIPTS
Alerts And Prompts
Attributes And Functions
Cookies
Detection And Notification Scripts
Encryption And Encoding
Features Disabling Scripts
Highlight
Keyboard Controls
Page Backend Scripts
Search scripts
User System And Preference
Utility Scripts
Converters
URL
WINDOWS AND TABLES
Windows
Grids
Tables
Resizing
Drag And Drop
Selectors
Editable Elements
Filters And Sorters
Data Sets
SOME MAJOR LIBRARIES
jQuery
Moofx
Mootools
Scriptaculous
PrototypeJS
YUI