Fading Between Several Web Pages With jQuery - pagefade.js

Fading Between Several Web Pages With jQuery - pagefade.js
File Size: 13.9 KB
Views Total:
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
   

pagefade.js is a dead simple jQuery plugin which sets a fading effect between several pages using fadeIn and fadeOut methods.

How to use it:

1. Add jQuery JavaScript library and the jQuery pagefade.js plugin to your webpage.

<script src="//code.jquery.com/jquery-1.12.0.min.js"></script>
<script src="pagefadejs/pagefade-min.js"></script>

2. Just Add the CSS class 'pagefade' to your page elements and the plugin will take care of the rest.

<section class="pagefade" style="display: none">
  ...
</section>

Change log:

2016-02-24

  • made some improvements for mobile views and updated content

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