Advanced Search

Page transitions

/ Published in: jQuery
Save to your folder(s)
Originally from OneExtraPixel
Making page transitions

Expand | Embed | Plain Text

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.