I’ve been poking around the mootools site wondering how I can use their collection of nifty javascript tricks on any of my sites and I finally settled on using their slide transition effect to add a little fun to a simple log-in form.
There’s nothing too tricky here, as I simply lifted the code from their demo page and added it to my site. The only tweak I gave it was to start the div out hidden, making the user click the link to show the form. To do this, simply add “.hide()” to the end of var mySlide = new Fx.Slide(’test’); line so it should look like this:
var mySlide = new Fx.Slide(’test’).hide();
Hope I didn’t lose you there. I know it’s complicated.
I realize this adds little to nothing to the functionality of the site, but it sure is fun! You can check out an example here.
No comments yet... Be the first to leave a reply!
