Download
User Rating: 0/5 ( 0 votes)
CharCycle is a JQuery plugin to create a cycling effect on selected text at some event.
This effect is inspired by the classic actionscript effect on yugop.com. Attach the plugin to the element you want to trigger the cycling, specify the target text you want to produce the effect and include a conditional statement to ensure that cycling isn’t re-triggered while the effect is in progress.
Source: robincwillis.github.io
1. INCLUDE CSS AND JS FILES
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
<script type="text/javascript" src="../src/jquery.charCycle.0.0.1.js"></script>
<link rel="stylesheet" href="css/charcycle.css" type="text/css">
2. HTML
<div class="c"><a href="#" id="text">Lorem ipsum dolor sit amet, consectetur</a></div>
3. JAVASCRIPT
$('.c').mouseenter(function(){
if($(this).hasClass('cycling')==false){
$(this).charcycle({'target':'#text'});
}
});