Fading Between Several Web Pages With jQuery - pagefade.js

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.