jQuery Plugin For Text Flying Animations - Flight Of Phrase

jQuery Plugin For Text Flying Animations - Flight Of Phrase
File Size: 258KB
Views Total:
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
   

Flight Of Phrase is a funny jQuery text animation plugin that allows to sends a character, word, or phrase flying across your website.

How to use it:

1. Include jQuery and jQuery Flight Of Phrase on your website

<script src="jquery-1.9.1.js"></script>
<script src="jquery.fop-1.0.2.min.js"></script>

2. Create a phrase you want to sent flying

<span class="fop" id="fop">Send it flying</span>

3. The javascript

<script>
$(document).ready(function(){
$("#fop").Fop({ 
'phrase_class' : 'fop_phrase', 
'phrase' : 'jQuery Script .Net' 
});		
});
</script>

4. Options

<script>
$(document).ready(function(){
$("#fop").Fop({ 
'phrase_class' : 'fop_phrase', // A CSS class name (it is applied to the flying phrases)
'phrase' : 'Flight&nbsp;of&nbsp;Phrase', // Any string
'animation_type': '', // Any exitisting Flight of Phrase animation type: left, right, rise, rain, chaos, center_burst, origin_burst
'duration': 1000, // Integer between 1000 and 5000 (miliseconds).
'density': 9, // Integer between 4 and 40. This determines how many phrases get flung. Animation types center_burst and origin_burst do not respond to density.
'click_to_start': true // Bolean true or false. If true, clicking the element will start the flight. If false, the flight will start only by calling the start method elsewhere in your script.
});		
});
</script>

 


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