Moo Flip

This is a port of the Flippy Moo script for Mootools by Tim Novinger . Simply roll over the div to have another div slide on in. We've styled the divs a little further in the example below but it is pretty easy to add your own classes to change the output.

Moo Flip adds some great Mootool flavour to your site with some funky sliding panels ... great for product info, gallery or even an FAQ.

Here is the css we used to have the border around the images.

img.border {border: 1px solid #eee;padding: 4px;} 

Here is the html for the first image:

<img xsrc="images/flip/ultra.jpg" height="100" width="200" class="border">