Get new jQuery plugins just once a week
December 20, 2012
bounceThis | Css3 keyframes bouncing animations
bounceThis is a jQuery plugin for the cross-browser , super slick and sharp bouncing headers as an CSS3 keyframes alternative.This jQuery plugin is easy to integrate, only 0.6KB in weight, and so easy to customise your bouncing headers.
bounceThis has got the following options :-
- bounceHeight – When it drops from the top of the page, you can specify the height of the fall. If you want it to just slide down, with no bouncing effect, simply put ’0px’ as your bounceHeight.
- dropDownSpeed – Pretty self explanatory, choose your drop down speed. By default this is 300ms, select your optimum speed.
- delay – Set the time you want your bouncing header to drop in. This works best after around 300ms (I’ve opted for 400), as the page should be loaded around then. If your page is heavier on resources, I’d recommend setting the delay a little later, until your content is fully loaded.
Tested in: Chrome, Safari, FireFox, Opera, IE7, IE8, IE9.
Created by todd motto
For bouncing header animations
Sign up for our weekly newsletter.