Page Peel Animation Effect with jQuery
File Size: | 59.3 KB |
---|---|
Views Total: | 12831 |
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.