Text Animations
jQuery Pull Quote
with Animation FF Chrome IE11+
This jQuery script makes it simple as pie to turn
any inline text on your page into an automatic pull quote, with optional
animation that plays to draw even more attention to them. It's a great
script for highlighting important bits of information inside an article,
in addition to adding flare to long blocks of content.
Always-on-top
message FF1+ IE5+ Opr7+
A TV-like message banner script that creates a "always-on-top"
message, centered at the bottom of the surfer's screen. Use it like its used on TV- to
advertise your products, or anything else that requires special attention.
Trembling
message FF1+ IE5+ Opr7+
Make
select messages on your page "shiver" slightly to draw attention to them, with this text script.
Fluid Text
Resizer FF1+ IE6+ Opr7+
Fluid Text Resizer, a compact yet
versatile jQuery based text resizer script. It can adjust the text size
of a particular section of your page, such as just the primary content area,
multiple sections, or the entire document in general. A fluid animation is used
to morph into the new text size, and session cookies are used to remember the
new setting. Cool!
Document
Text Sizer
FF1+ IE5+ Opr7+
-User Submitted
Sometimes the text size you've specified for your webpage isn't suitable to the viewer, depending on his browser configuration or OS. This useful script by Taewook uses Dynamic CSS to let the viewer himself modify the text size of the page on demand, by clicking on an Increase or Decrease Font Size link.
The Matrix Text
effect FF1+ IE5+
-User submitted
Requiring little introduction, this creative DHTML script renders The Matrix effect on any short piece of text!
Digital letters gradually drop down to form the phrase of your choice.
Neon
Lights Text FF1+ IE5+ Opr7+
-User submitted
Bring the age old technique of attracting attention on the streets
to your webpage! This DHTML script applies a neon light effect to any
text...very cool.
Neon
Lights Text II FF1+ IE5+ Opr7+
-User submitted
Based on the original Neon
Lights script, this version applies a "moving light" to any
text. Two different colors can be used concurrently for the effect, giving
the light depth.
Flying
letters FF1+ IE5+ Opr7+
-User submitted
Animate
your site's header into view, one letter at a time, with this one-of-a-kind
script!
Nudging
Text FF1+ IE5+
-User submitted
This attention craving text contains letters that constantly nudge
one another.
Roller
Coaster Text FF1+ IE5+ Opr7+
-User submitted
This interesting text effect animates any text in a roller coaster style!
Shock Wave
Text FF1+ IE5+ Opr7+
Send ripples through your text with this script! Eye-catching way to display
rotated messages on your site.
Typing Text
FF1+ IE5+ Opr7+
A script that causes any text inside a particular <span> tag to be
"typed out" in IE 4.x, one letter at a time. All other browsers will simply see
the text fully displayed from the start.
Dissolving
text effect FF2+ IE5+ Op8+
legacy
-User submitted
This is a great DHTML script that rotates and displays any
number of messages, with a unique dissolving effect applied during each rotation. Very
impressive...
Glowing Text
IE5+
legacy
Add flare and draw attention to important text on your page by making them
glow! This script utilizes the glow filter of DHTML to first surround any
text with a yellow "light", then uses scripting to make the light "come
alive" and glow.
Pulsating Text
IE5+
legacy
-User submitted
Use this script to render an "aura" around your text,
accomplished using IE's multimedia filters and scripting.
Upper Right Corner
flying text IE5+
legacy
A script that causes the enclosed text to fly in from the upper right
corner of the screen to the original location of the text.
Dropping Text
IE5+
legacy
A script that causes a line of text to drop down from the top of the screen, word by word,
to the original location of the text.
Google Search Terms
highlighter FF1+ IE5+ Opr7+
legacy
-User Submitted
This script highlights any terms on your page used by a visitor coming from
Google to locate it, similar to a popular feature found in Google Toolbar. It's
a great way to retain search engine visitors, by helping these folks quickly
focus in on the relevant areas on your page pertaining to his/her search query.
Bouncy
Message IE5++
legacy
This is an energetic little text script that bounces a message around your
visitor's window screen. Not only can you add HTML to the mix, but also, configure
precisely the speed of the animation, and whether the message should disappear after x
seconds. And to top it all off, the script works cross browser!
In-your-face
message greeting FF1+ IE5+ Opr7+
legacy
-User submitted
Steve, a surfer, created this great, cross-browser greeting
script that will sure catch your surfer's attention, if nothing else! The greeting message
zooms in and expands until it fills the entire screen before disappearing. Cool!
3D spinning
message IE5+
legacy
-User submitted
3D Spinning Message uses VML to display/rotate messages on the top of the page via a circular animation. Everything from the size of the "circle" to the colors of the text can be customized.
A good script to capture people's
attention.
Vertical Text script
IE5.5+
legacy
Text has always been displayed horizontally (in the Western World at
least), until now! This script harnesses the "writing-mode" attribute of
CSS, supported in IE5.5+, to display any text vertically in those
browsers. Great for showing items such as copyright text, special notices
etc.
Rainbow
Text IE5+
legacy
-User submitted
Utilizing IE 5's proprietary behavior
functionality, Chris' script allows you to apply a live rainbow effect to
any block of text, with multiple text/page supported!
Sine
Scrolling Text script IE5+ Opr7+
legacy
-User submitted
Using some sophisticated math calculations, not to mention great DHTML
programming, Mark has created this visually stunning sine scrolling text animation. The
text flows from left to right, following the "sine curve." Quite amazing,
really.
Wave
text IE5+
legacy
-User submitted
Add a watery, wavy effect to a header text with this mesmerizing
script!
Text
Animator IE5+ Opr7+
legacy
-User submitted
Text Animator is a great cross-browser text effect. It fades in and out infinite text
messages, with each message optionally being clickable.
3D Text
All
legacy
-User submitted
Check out how DHTML can be used to replace images in rendering 3D and fancy text! Text
created with DHTML loads much faster than gifs, and are easier to manipulate on the fly.