Showing Pages with Pretty Transition Effect - FrameWarp

File Size: 50.9 KB
Views Total: 1451
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
   
Showing Pages with Pretty Transition Effect - FrameWarp

FrameWarp is a jQuery Plugin for showing pages of your website with a pretty, CSS-Driven, transition effect. It sets an API Bridge for easy message passing. It can also can cache the pages, so your web application feels more responsive.

How to use it:

1. CSS

<link rel="stylesheet" href="assets/css/styles.css" />
<link rel="stylesheet" href="assets/framewarp/framewarp.css" />

2. Markup

<div id="main"> 
<img src="assets/img/tooltip.png" width="575" height="217" alt="FrameWarp Plugin"  /> 
<a href="frame.html" class="button2" id="b1">Try it!</a> 
<a href="message.html" class="button1" id="b2">Message Passing</a> 
<a href="#" class="button1" id="b3">With Cache</a> 
<a href="#" class="button1" id="b4">Without Cache</a>
<p id="messages"></p>
</div>

3. Include jQuery Library and other scripts

<script src="http://code.jquery.com/jquery-1.7.2.min.js"></script> 
<script src="assets/js/jquerypp.custom.js"></script> 
<script src="assets/framewarp/framewarp.js"></script> 
<script src="assets/js/script.js"></script>

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