If you haven’t been following along, here are the first six tutorials in my “Flash Without Flash” series in which I take an effect found on a Flash site and replicate it in JavaScript using the Mootools library. Here we go, oldest to newest:

1. Text Color Slide – Hovering over text changed its color by sliding in the new color, in this case from the center outwards.
2. Modified Accordion, demo – Only the recent, next, and previous sections are visible. Useful for linear presentation.
3. Slide In, demo – Images slide and fade into view on page load.
4. Draggable Panels, demo – Fullscreen images can be dragged to switch to adjacent images.
5. Button Flick, demo – Link image slides out on hover to reveal a different image.
6. Elegant Menu Fly-Out, demo – Similar to drop-down menus, but fades out image below it when hovered over.

This entry was posted on Tuesday, September 25th, 2007 at 9:20 am and is filed under tutorials and tagged with collection, demo, mootools, v1.11. You can follow any responses to this entry through the RSS 2.0 feed.