jQuery Text Animation Plugin is for making custom text animations.
Dual licensed under the MIT or GPL Version 2 licenses.
Requires jQuery , jQuery UI.
Supported Browser : Firefox 3.x+, Google Chrome2.x+, IE8+, Safari5.x+
$("div#demo_roll1").textAnimation({
mode:"roll"
});
$("div#demo_roll2").textAnimation({
mode:"roll",
minsize:20, //minimum font size[integer]
magnification:30, //magnification[integer]
onStart:"mouseenter", //event handler for start animation[Browse jQuery Events]
onFinish:"mouseleave", //event handler for finish animation[Browse jQuery Events]
fixed:"top", //which fixed top or bottom ["top","bottom"]
delay:5, //delay time for animation between characters[integer]
stuff:1.5 //font stuff quantity[float]
});
$("div#demo_step1").textAnimation({
mode:"step"
});
$("div#demo_step2").textAnimation({
mode:"step",
minsize:20, //minimum font size[integer]
maxsize:60, //maximum font size[integer]
upper:false, //is upper step? [boolean]
onStart:"mouseenter", //event handler for start animation[Browse jQuery Events]
onFinish:"mouseleave", //event handler for finish animation[Browse jQuery Events]
fixed:"top", //which fixed top or bottom ["top","bottom"]
stuff:2.2, //font stuff quantity[float]
delay:200, //delay time for animation between characters[integer]
interval:0, //interval time for between animation[integer]
duration:1000 //animation duration time[integer]
repeat:false //repeat animation[boolean]
});
$("div#demo_high1").textAnimation({
mode:"highlight"
});
$("div#demo_high2").textAnimation({
mode:"highlight",
baseColor:"#111111", //base font color
highlightColor:"#2FFF5F", //highlight font color
onStart:"mouseenter", //event handler for start animation[Browse jQuery Events]
onFinish:"mouseleave", //event handler for finish animation[Browse jQuery Events]
delay:35, //delay time for animation between characters[integer]
interval:0, //interval time for between animation[integer]
duration:100 //animation duration time[integer]
repeat:false //repeat animation[boolean]
});
$("div#demo_jump1").textAnimation({
mode:"jump"
});
$("div#demo_jump2").textAnimation({
mode:"jump",
altitude:10, //jump altitude[integer]
bound :false, //bound animation[boolean]
onStart:"mouseenter", //event handler for start animation[Browse jQuery Events]
onFinish:"mouseleave", //event handler for finish animation[Browse jQuery Events]
fixed:"bottom", //which fixed top or bottom ["top","bottom"]
delay:80, //delay time for animation between characters[integer]
interval:0, //interval time for between animation[integer]
duration:400 //animation duration time[integer]
repeat:false //repeat animation[boolean]
});
$("div#demo_puff1").textAnimation({
mode:"puff"
});
$("div#demo_puff2").textAnimation({
mode:"puff",
color:"#77FF6F", //highlight puffing color
percent:200, //font scale percentage.[integer]
onStart:"mouseenter", //event handler for start animation[Browse jQuery Events]
onFinish:"mouseleave", //event handler for finish animation[Browse jQuery Events]
interval:1000, //interval time for between animation[integer]
duration:1000, //animation duration time[integer]
times : 5, //how times puffing animation[integer]
repeat:false //repeat animation[boolean]
});