I have no idea when I would ever want to use these, but they are very cool.
<h4>Click Me</h4>
<div id="texteffect" style="width: 200px;height: 200px; border: 1px solid purple; background: #abcdef; cursor: pointer; padding: 2px; overflow: hidden">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur libero sem, fringilla in posuere a, cursus nec felis. Integer eu mi in tortor malesuada pretium vel sed augue. Donec eget convallis tellus. Aenean vehicula nisl ac justo facilisis et bibendum mauris aliquam. Fusce quis dolor sapien, et lacinia lorem.
</div>var text = '';
$('#texteffect').click(function(){
if (text){
$(this).effect('type', {text: text, word: true}, 2500);
text = '';
}else{
text = $(this).text();
$(this).effect('backspace', {text: '', word: true}, 2500);
}
});
Leave a Reply