Page transitions


/ Published in: jQuery
Save to your folder(s)

Originally from OneExtraPixel
Making page transitions


Copy this code and paste it in your HTML
  1. // http://www.onextrapixel.com/2010/02/23/how-to-use-jquery-to-make-slick-page-transitions/
  2.  
  3. $("body").css("display", "none");
  4. $("body").fadeIn(1500);
  5. $("a.transition").click(function(event){
  6. event.preventDefault();
  7. linkLocation = this.href;
  8. $("body").fadeOut(500, redirectPage);
  9. });
  10.  
  11. function redirectPage() {
  12. window.location = linkLocation;
  13. }

Report this snippet


Comments

RSS Icon Subscribe to comments

You need to login to post a comment.