Page Peel Animation Effect with jQuery

Page Peel Animation Effect with jQuery
File Size: 59.3 KB
Views Total:
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
   

A Page Peel Plugin for jQuery allows you to add a page peel Animation to your webpage that peels down and reveals more content behind the page when mouse hovers over it. It is a good way to place your ads behind the  Peel area to draw attention.

Basic Usage:

1. Include jQuery library and PagePeel.js

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>
<script src="jQuery.pagePeel.1.2.1.js"></script>

2. Call the plugin with options

<script type="text/javascript">
	$(document).ready(function(){
		// alert ('jQuery running');
		
		$('#pagePeel').pagePeel({
			introAnim: true
		});

	});
</script>

3. Markup

<div id="pagePeel"> </div>

This awesome jQuery plugin is developed by unknown. For more Advanced Usages, please check the demo page or visit the official website.