30个jQuery的文字效果插件
jQuery的文字效果插件,让你的内容产生动画,使您的网站美观醒目。利用这些插件您可以节省您的时间 。
1. Lining.js
Lining.js是一个易于使用的JavaScript插件为您提供完整的DOWN-TO-THE-LINE控制,实现网页排版。
2. t.js
t.js是一个jQuery插件创建打字机效果具有漂亮的功能和HTML支持。
3. Typer
Typer is 是一个jQuery插件,一个漂亮的打字效果。还有一些选项自定义插件,如typeSpeed,typerInterval,typeDelay等
4. Slab Text
slabText is a jQuery plugin for producing big, bold & responsive headlines. slabText splits headlines into rows before resizing each row to fill the available horizontal space. The ideal number of characters to set on each row is calculated by dividing the available width by the pixel font-size – the script then uses this ideal character count to split the headline into word combinations that are displayed as separate rows of text.
5. Chaffle
Chaffle is a jquery plug-in that allows you to shuffle randomly character.
6. Wodry.js
Wodry.js is a simple jQuery plugin for a text flipping/rotating. Wodry.js allows you to set animation from animations collection, set your own callback on content flipping, etc.
7. Textilliate.js
Textillate.js combines some awesome libraries to provide a ease-to-use plugin for applying CSS3 animations to any text. Simply include textillate.js and it’s dependencies in your project to start creating unqiue effects.
8. Fontflex
fontFlex is a lightweight jQuery plugin for dynamically changing font sizes according to screen / browser width. Intended to be used with responsive or adaptive CSS layouts.
9. LetterFX
LetterFx is a a jQuery plugin to apply animated visual effects to text – letters, words & custom patterns. LetterFx works by temporarily injecting markup into the text of an $(“element”) and sequentially adding & removing transition-based CSS classes.
10. TextTailor.js
TextTailor.js is a jQuery plugin for responsive text to fill the height of the parent element or ellipse it when it doesn’t fit.
11. Succinct
Succinct is a tiny jQuery plugin for truncating multiple lines of text. It shortens your text to a specified size, and then adds an ellipsis to the end. You can specify the elements that you would like to truncate as a selector, and then set the size parameter to the amount you would like to see.
12. TypeType
TypeType is a jQuery plugin that simulates a human typing. It can be combined with jQuery animations.
13. Circletype.js
Circletype.js is a tiny (2.7kb) jQuery plugin that lets you set type on a circle. You can use any font, adjust letter-spacing as usual with CSS, flip it around so it reads counter-clockwise instead. You can also Set the radius manually or let CircleType.js figure it out for you.
14. Morphext
Morphext is a simple jQuery rotating / carousel plugin for text phrases powered by Animate.css.
15. Jumble
A jQuery plugin that jumbles up the colours of your text headers, and can also animate them. Choose a colour range for the colours to be jumbled amongst, and set params for whether the shuffle is based on brightness or saturation hue.
16. CurvedText
CurvedText is a jQuery Plugin to align text on any curve. There are some different types of curved text can be created by using this plugin.
17. Textualizer
Textualizer is a lightweight (4kb minified) jQuery plugin for creating good looking effects on text. The plugin accepts any number of sentences (or words) and can rotate them smartly and beautiful. Once a sentence is about to rotate with the other one, the letters that will be re-used are kept and move to their new locations with several effects to choose from (fadeIn, slideLeft, slideTop).
18. Words Rotator
WordsRotator is a jQuery plugin to easily add rotating words with CSS3 animation.
19. FitText
FitText is a simple yet very functional jQuery plugin for making sure a text fits into a defined element. It auto-updates the font-size in accordance with the width of an element wrapping it and guarantees a non-broken layout (because of the font size) even if the page is displayed from a mobile or desktop browser.
20. Lettering.js
Lettering.js is a jQuery plugin for radical web typography. Web type is exploding all over the web but CSS currently doesn’t offer complete down-to-the-letter control. Lettering.js solves that: it’s a jQuery plugin to give you that control.
21. BigText
BigText jQuery plugin takes a single element and sizes the text inside of its child divs to fit the width of the parent element. Gives the text that lovely vertical alignment.
22. jQuery Text Rotator
A light weight jQuery plugin that will allow you to add a super simple rotating text to your website with little to no markup Created by Pete R., Founder of BucketListly.
23. funnyText.js
funnyText.js is a jQuery plugin that creates animation for the lettersinside a text moving them vertically or horizontally. Ideal for titles and you can configure colors, speed of movement, font size…
24. Readmore.js
Readmore.js is a lightweight jQuery plugin for collapsing and expanding long blocks of text with “Read more” and “Close” links.
25. WideText
WideText is responsive, lightweight solution for animating text for your websites and web applications.
26. Hatchshow
Hatchshow will automatically add a span to each line of text and scale the font size so each line ends up the same width.
27. Squishy
Squishy is a jQuery plugin that automatically resizes text to exactly fit the container with no extra work on your part. This plugin only works for a single line.
28. Arctext.js
Arctext.js is a jQuery plugin that let’s you do exactly that. Based on Lettering.js, it calculates the right rotation of each letter and distributes the letters equally across the imaginary arc of the given radius.
29. jQuery Burn
jQuery Burn is a jQuery plugin which adds a flame-like effect to text using multiple text-shadows, animated by repeatedly changing their horizontal offsets. jQuery burn will scale appropriately to size the target text, however you must target the text itself. The effect can be somewhat CPU intensive, so use it sparingly.
30. jqIsoText
jqIsoText is a plugin for changing size of letters in text. It starts from one font size and increment or decrement to other font size. On that way we’re getting something similar to isometric projection. That can be done for whole block of text or for every word in some text.