CharCycle

A JQuery plugin to create a cycling effect on selected text at some event.

Description

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.

Options

  • speed: time it takes per cycle, default is set to 5

HTML

  <div class="c"><a href="#" id="text">Lorem ipsum dolor sit amet, consectetur</a></div>

JAVASCRIPT

  $('.c').mouseenter(function(){
    if($(this).hasClass('cycling')==false){ 
        $(this).charcycle({'target':'#text'});  
    }
  });