Today some cool jQuery text effects can still be useful when used right and often they are also simple to install and use. This article is a roundup of the jQuery text effects you can use in your web development or just check out to be inspired. Keep in mind though that the trend goes towards creating HTML5 canvas animations and text is not the only element to play around with.
Disclosure: Please note that some of the links below are affiliate links and I will earn a commission if you purchase through those links (at no extra cost to you). I recommend that you do your own independent research before purchasing any product or service. This article is not a guideline, a recommendation or endorsement of specific products.
This plugin allows you to set and limit user input by max characters within html textarea (it is only limited by characters other than words). It binds keyup, paste and drag events.
3. jQuery Text Animation
Text Animation plugin lets you to add to any text specified text animations e.g random_explosion, random_implosion, sinusoid.
jTicker is a jQuery plugin that can be used for creating text effect without the use of flash. This effect comes in handy when you want to force the visitor to read the text. But should be used wherever necessary, as the usability suffers. jTicker can be declared on any element and can be stylized using CSS. You can also use event buttons to play, stop and control the speed of the effect.
Even without Photoshop, you can make text effects with this by just typing a little code.
With grab bag jQuery plug-ins, you can have different effects to the text.
This simple, yet effective adds a basic gradient effect to text. It contains four functions appliable to a selection, they are: spanize, unspanize, textgrad and textscan.
8. TextFX – A jQuery Text Animation Tool
TextFX is a jQuery text animation tool for animating a single line of text
This tutorial will explain how to fade a color in array of elements using jQuery
This is the tool if you want to change the color of the text and icons once your mouse is pointed to it.
11. jQuery Approach
Approach is a jQuery plugin that allows you to animate style properties based on the cursor’s proximity to an object. It works in a very similar manner to jQuery animate. However it animates over distance instead of time.
With autocompleter, your site becomes more user friendly by providing suggestions when a text is entered.
13. 3d Tag Sphere
A rotating 3d tag cloud controlled with the mouse. Tags are scaled according to the weight assigned to them and fade into the background as they rotate.
Simple jQuery Text resizer adjusts the size of your text for easier readability by clicking the icon.
Airport is a rather simple text effect plugin for Jquery. It emulates the style of those flickering information boards you sometimes find on airports and train stations.
This effect allows the reader to zoom the text for better reading.
Most of major browsers support text-shadow, yes, you guessed it, IE doesn’t. This handy jQuery plugin helps you get around that.
A handy little thing of Internet Explorer is that it gives you access to CSS declarations it does not understand, so this plugin simply requests the text-shadow value of a given element and processes that.
The Label Effects is a plugin that can apply highlight and shadow effects to anything that contains text. Several preset effects can be invoked via a single option that provides values for most of the other settings, they are: Raised, Sunken, Echoed, Floating and Shadow.
In this tutorial you will learn how to animate text with jQuery. You will build a jQuery component that takes the text from a <ul> and make it fly towards the screen at random intervals. The affect will look something like traveling through space, or a title sequence for some cheesy space flick.
20. jQuote Plugin
jQuote is a plugin which allows for semantic blockquotes created on the fly with just one line of jQuery code.