BounceBox – Cool New Mootools 1.2 Lightbox Tool
Yesterday, my friend Sheldon released a cool new Mootools 1.2 class called BounceBox. It is something he has been playing around with for awhile. He used an earlier version on the site: http://www.dreamcatcher.school.nz. The concept behind Sheldon’s Bounce Box is similar to that of LightBox, ShadowBox or ModalBox. On click a box appears on screen. The box can be styled and is capable of containing various HTML elements. When using BounceBox, on click a container drops from the top and bounces on screen rather than fading in like a lightbox. The box appears similar to the Facebook popup dialogue by default but can be easily styled using CSS.
The class is actually really easy to get running. This Class requires no CSS styles other that cosmetic formatting, and can be called via DOM READY or an Event. If the BounceBox is open, then your ESC key will close the BounceBox.
So far it has been tested on:
Safari ( Mac & Win )
FireFox 3 ( Mac & Win )
IE 6 & 7
If you are interested in checking it out you can visit the BounceBox website at:
http://bouncebox.lendrum.co.nz/
OR download it directly by clicking:
If you enjoyed this post, please consider to leave a comment or subscribe to the feed and get future articles delivered to your feed reader.
Comments
No comments yet.
Leave a comment