50个令人惊奇的jQuery插件(文字特效篇)

在过去的几年里网页排版有了很大的改进。 从不久前的仅仅使用少量的安全网页字体到现在我们能嵌入自定义字体并且可以用CSS3来优化它们。, 本篇中的插件会给你对字体的控制带来很大帮助。

19. Textillate.js

Textillate.js (github) 是一个合并 animate.csslettering.js功能的jQuery插件。要在文本元素上运用高级动画, 该动画以CSS3为基础 ,而且可以使它们在移动设备上看起来很平滑,而且有很多数量的效果供选择。

Textillate.js

20. Arctext.js

Arctext.js (demo) 是一个让你沿着一条曲线来排列每个文本元素的jQuery插件。基于 lettering.js,它计算出每个字母正确的旋转角度并且将这些字横穿虚构的弧线半径来分布,并且运用适量的CSS3旋转。

Artctext.js

21. Bacon

Bacon (githug) 是一个允许你的文字包裹在一条贝塞尔曲线或一条线培根周围的jQuery插件, 它给你很多排版控制,并且在该插件的首页举例说明。

Bacon.js

22. Lettering.js

Lettering.js (github) 是一款美化页面排版的简单但有效的jQuery 插件。它所做的是将正文的内容拆分成独立的有序的样式名为.char#的span,这样你就可以独立定制每个字母的样式了。

Lettering.js

23. jQuery Shuffle Letters

jQuery Shuffle Letters (demo) 是我们的一个实验。它把文本元素的内容随机化创建一个有意思的效果。下面是如何使用它:

// Shuffle the container with custom text
$(‘h1’).shuffleLetters({
“text”: “show this text!” // optional
});

文本参数是可选 - 如果不存在,该插件将选取元素的内容。

jQuery Shuffle Letters

24. FitText.js

FitText.js (github) 是一个膨胀字体的插件,它自动缩放文本并且占据窗口的整个宽度,这可使布局响应式并且在任何设备上看起来很高端。

FitText.js