Today we are going to continue looking at the Fx section of the library. First, we will check how to create a new morph, then we will check out the Fx options and callback events. This installment features live examples of all 30 transition types.

With Smart Hover Box for Mootools 1.2, you can make any html element into a hover box with a hover control, simply by adding an id suffix. The Smart Hover Box has smart positing, user defined delay, and user defined x and y offset.

Mootime is an easy to implement mootools 1.2 javascript time picker. You can add as many as you like to a page, just add an input field and call the function “mootools(’id’)” where id is the same as the input tag. Check out a live demo and get a zip folder with everything you need to get started.

Looking for an easy method to toggle page elements? Here’s code that lets you create multiple slide effects by adding the suffix “_toggle” and “_slide” to any two elements.

Add an animated effect to your navigation like the one on our menu. Simple to install and configure, all you have to do is input the ID of your navigation wrap and apply a few setting (like where to place the image in relation to the navigation element and your active ID). You can even download a zip folder with everything you need, including a copy of the mootools 1.2 core. - note IE6 users, the menu is not implemented as IE6 doesn’t not support png transparency, but the menu still works great with a solid background.