MooTools is a JavaScript frame work that provides many useful and reusable functions that can enhance the look and functionality of any website. This blog entry contains some example uses of MooTools.

MooTools Vertical Accordion Example

Accordions can be an excellent way to increase the user experience of any web page. It can be used as a navigation tool, to show content that would otherwise not fit where you want it or present content in smaller bite size chunks but still retain the extra details. The Accordion can contain many different types of media from text to video to forms.

Simply click on the Titles to expand the accordion to show the info you want to see

MooTools Horizontal Accordion Example

The same as a vertical Accordion but rotated 90 degrees. This example is set to use the mouse over event so simple roll your mouse over the panel you want to view.

MooTools Scroll Example

MooTools can be used to scroll the page to where every you like. This example uses mouse over event to scroll the page to the correct content for the title you roll over. Again the scrolling panel can contain any mixture of content.

MooTools Animated menus

This example shows how menus can be animated. Users of Apple Mac computer may see the similarity of this menu to Mac Dock Menu.

MooTools Galleries

Galleries can be made more exciting using MooTools.