Goodies Depot

Web Resources, HTML, SEO, AJAX, PHP, ERP, SAP, Microsoft Dynamics and latest IT Goodies.

Fantastic javascript (AJAX) CSS menu

Posted by fireant On October - 6 - 2008

Sexy Sliding Menu

Sexy Sliding Menu available in Mootools and Script.aculo.us version. The mootools version having more smoothness of their effects.

Demo: Mootools Version
Demo: Script.aculo.usVersion

FastFind Menu

FastFind Menu Script allows for unlimited nested menus, based on dynamic AJAX responses. Support Drag Drop functions by using the JQuerry Library

Demo: FastFind Menu

Phafusion Menu

Phatfusion is a sliding image menu using javascript, this is very similar to the earlier mootools homepage  FX sliding effect.  onClick event keeps selected item open and to close it again. After tested this menu in realtime, the ”selected” menu would not keep delected after redirected to the new page.

Demo: Phatfusion- Image Menu
Demo: Mootools version with XML parser

Drag Drop ordering in a TreePanel

This Drag and Drop TreePanel shows basic drag and drop node moving in a tree. In this implementation there are no restrictions and anything can be dropped anywhere except appending to nodes marked “leaf” (the files).

Demo: Drag and Drop ordering in a TreePanel

Custom Menu Events

Custom Menu Events is a combination of animation and custom events.One-time effect that shows off the menu opening up and firing an event.

Demo: Custom Menu Events

Context Menu Functionality

Context Menu Functionality is a combination of animation and custom events. Think Vitamin team show that how menu items sliding into view and firing off subscribable events using Yahoo! UI.

Demo: Context Menu Functionality

LavaLamp Sliding Menu

LavaLamp jQuery Sliding Menu It is a jQuery sliding effect menu with light weight code and extra two more interface styles. This effect was originally written by Guillermo Rauch using mootools javascript library.

Demo: LavaLamp jQuery Sliding Menu
Demo: Mootools Fancy Menu

Slashdot Menu

Slashdot Menu- Dynamic Drive is a stylish collapsible menu modelled after the navigational menu found on Slashdot.

Demo: Slashdot Menu

CSS Dock Menu

CSS Dock Menu is using Jquery Javascript library and Fisheye component from Interface and some of their icons.

Demo: CSS Dock Menu

Mootools menu

Mootools menu with Accordeon and Effects has a neat effect by hovering over the links, and opens a 2 level submenu with an accordeon.

Demo: Mootools menu with Accordeon and Effects

If you are looking for some lightweight css and javascript menu, check these out :

Cool CSS Menu

This menu script displays a cool description of the link the mouse is currently over, gently brought into view. The menu is styled entirely using CSS, even the color change during the mouseover, making the script lightweight and very easy to customize!

DBMenu

dbMenu is a menu script that uses a central JavaScript file to create multiple types of 2 level drop down menus. In each case the menu’s interface is styled using CSS, with the menu contents themselves being HTML list based for easy set up and search engine friendliness. So pick from 3 different types of menu- the code is all the same!

NosTree

This is an versatile folding Treeview menu using YUI’s treeview control. It lets you  define a collapsible tree with support for arbitrary number of levels, plus the ability to make any node a link with it! YUI may not be the easiest thing to work with for beginners, which is why we’ve created a custom function on top of it to simply the process of creating a tree, adding levels, and making a node a link etc.

Dolphin Tabs Menu
This is a CSS based, search engine friendly Tabs Menu that supports a second horizontal level when the mouse rolls over one of the tabs.

Add A Comment

You must be logged in to post a comment.

Friday, February 5, 2010