A lightweight, fancy and good looking smooth navigation using the popular script.aculo.us. Tabs are developed with care and there is no jerk while using them. Tab sliding effect is very good and interesting. It looks quite cool and can add some nice interaction to any site. Though its in earlier stages but it may be [...]
Read the rest of this entry »Posts Tagged ‘Navigation’
MenuMatic – A Dynamic Drop Down Menu System
MenuMatic takes a sematic ordered or unordered list of links and uses MooTools 1.2 to turn it into a dynamic drop down menu system (horizontal or vertical), with enhanced usability and flair. For users without javascript, it falls back on a CSS menu system based on Matthew Carroll’s keyboard accessible flavor of Suckerfish Dropdowns. Visit [...]
Read the rest of this entry »Animate Your Links – jQuery Link Nudging
Get animated menu effect using jQuery. A simple and small script that does the trick. Cool effect for your website, or application using jQuery. The jQuery Javascript $(document).ready(function() { $(‘a.nudge’).hover(function() { //mouse in $(this).animate({ paddingLeft: ’20px’ }, 400); }, function() { //mouse out $(this).animate({ paddingLeft: 0 }, 400); }); }); View Demo
Read the rest of this entry »Garage Door Style Menu using jQuery
Using jQuery and a plugin to help with animating background /examples/images, we are able to make a sliding “Garage Door” style menu. The menu code is purely semantic. The UL provides the “background”, the list items provide the “shutters” and the links themselves are the “windows”. View Demo Download Files
Read the rest of this entry »Free Animated Menu for Mootools
A Free Animated Menu for Mootools – you won’t even have to muck about in javascript. Simply define: a container for the background image the nav elements the ‘current’ nav element ID the animation’s horizontal track (the y coordinate of the background-image) the left offset of the image in relation to the nav element Visit [...]
Read the rest of this entry »Superfish – jQuery Menu Plugin by Joel Birch
Superfish is an enhanced Suckerfish-style menu jQuery plugin that takes an existing pure CSS drop-down menu. The menu has different orientation and style like you can have horizontal menu, vertica menul, tab based navigation and dropdown structure. Some Highlights: Timed delay on mouseout Animation of sub-menu reveal Keyboard accessibility Supports the hoverIntent plugin Indicates the [...]
Read the rest of this entry »Free CSS Drop-Down Menu Framework
This Free CSS Drop-Down Menu Framework is modular, with themes. Not only that the HTML is separated from CSS, but even CSS definitions are categorized into structural and thematic types. Features: Module and Thematic approach Well Structured CSS Well Organized Code and files Easily Transformable to Horizontal, Vertical Creating a new theme is easy with [...]
Read the rest of this entry »jsTree – Open Source Javascript Treeview Component
We can create javascript treeview component quickly with jsTree. It accepts various data sources including predefined HTML, JSON and XML. User can open, close, rename, create, delete nodes easily. jsTree supports drag & drop and multiple select as well. And also, jsTree supports easy CSS customization of icons, dots, background, fonts & sizes. So that [...]
Read the rest of this entry »MooHover – MooTools 1.2 hover buttons
MooHover is a MooTools 1.2 class that enhances regular links and form buttons with hover effect transition between two different images, giving a flash-like aspect to links and/or button and submit form inputs. Requirement To use this script, download MooTools 1.2 Core. Demo Download
Read the rest of this entry »
