Expand/Collapse sliding list built based on mootools javascript library.

I want to show you what you can do with a minimal effort and a little imagination. Here's a screenshoot from Windows VISTA. We'll try to reproduce that toolbar, with buttons and hover effect in cross-browser compatible CSS and HTML.

Nice dock style navigation icons that wrap around the corner of a page.

iconDock is a jQuery JavaScript library plugin that allows you to create a menu on your web like the Mac OS X operating system dock effect one.

It is based on the Google X menu, an approach that Google did to create this effect on the web.

If you are a big Mac fan, you will love this CSS dock menu that I designed. It is using Jquery Javascript library and Fisheye component from Interface and some of my icons. It comes with two dock styles - top and bottom. This CSS dock menu is perfert to add on to my iTheme. Here I will show you how to implement it to your web page.

* onClick event keeps selected item open.
* Click open item to close.
* Specify a function for the onClick event.
* Auto open when the page loads.

Please View Source to see, requires mootools, MIT-Style License.

DD Tab Menu is a standards compliant, 2 level tab menu. Move your mouse over a tab, and a 2nd level content appears beneath it. The script uses CSS to control all of its appearance, and plain HTML to implement the entire menu tabs and contents.

In this article I’ll go through the creation of a custom navigation bar with some cute Javascript effects that will certainly impress your friends. Thanks to the great Mootools library, this beauty is contained in 1.5kb. Not only that, but it’s also cross browser (tested on Internet Explorer 6, Firefox and Safari) and accessible!

The "DHTML Menu For Applications" is a part of the upcomming library called "DHTML Suite for applications". This menu is particular useful in web applications because of it's features for adding, removing, showing and hiding menu items dynamically.

This scripts add rollover effects to your table. What you have to do is to specify which table(s) you want to apply this effect to and the name of the CSS class you want to assign rows to on mouse over.