xml maniac

Five MooTools tutorials you can't miss about lightbox, sliding and various animation effects.

This post is a compilation of the most visited posts on my blog about mootools topic. It includes five tutorials ready to use in your project (with source code to download) inspired to some Web 2.0 sites.

Sliding top panel using mootools
This tutorial explains how to realize a simple sliding top panel (top/down) using mootools, some line of CSS code and JavaScript.

Lightbox using mootools and pathfusion multibox
How to use mootools and pathfusion multibox to implement a very nice lightbox on your website. When an user clicks on a thumbnailed image, the script displays a big image preview in a window above all other page elements.

Liquid expandable section with mootools toggle effect
How to add mootools toggle effect to a liquid expandable section with rounded corners (CSS styled).

Nice Ajax effect for message box using Mootools
This tutorial explains how to design nice message box chain effects after a generic ajax request using mootols.

Mootools animated sidebar menu
This tutorial explains how to implement an animated menu on the site side-bar using mootools

Related Content
Five web 2.0 CSS menu tutorials