Download
User Rating: 2.9/5 ( 1 votes)
funnyText.js is a jquery plugin that creates funny and crazy moving texts in a simple way.
Source: github.com
1. INCLUDE CSS AND JS FILES
<link rel="stylesheet" type="text/css" href="jquery.funnyText.css" />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script type="text/javascript" src="jquery.funnyText.js"></script>
2. HTML
<div class="mySelector">funnText is applied here</div>
3. JAVASCRIPT
$(document).ready(function() {
$('.mySelector').funnyText({
speed: 700,
borderColor: 'black',
activeColor: 'white',
color: 'black',
fontSize: '7em',
direction: 'both'
});
});
4. OPTIONS
-
speed: (default 700) Defines the speed in which the letters change in miliseconds.
-
borderColor: (default black) Defines the color of the border when the text is active. This option won't take effec when if the browser doesn't support CSS3.
-
activeColor: (default white) Defines the color of the text when it is active.
-
color: (default black) Defines the color of the text on start.
-
fontSize: (default 7em) Defines the size of the font.
-
direction : (default both) Defines the direction of the letters movement. It can be both, horizontal or vertical.