下载掌阅APP，畅读海量书库
立即打开
1.24 实现文字动画效果
上一个例子是使用脚本技术来实现文本闪烁效果，本例通过jQuery框架与quoteRotator插件的组合来实现文字动画。本例效果如图1.35和图1.36所示。
图1.35 文字动画效果（一）
图1.36 文字动画效果（二）
本例代码如下：
上述代码省略了部分样式风格的文字，读者可以参考quoteRotator插件的CSS样式文件源代码进行了解。本例关键代码是第05行，其中quoteRotator()插件函数可以实现多种文字动画效果，其语法如下：
其中参数说明见表1.3。
表1.3 quoteRotator插件函数参数说明
提示： 读者可以仔细阅读quoteRotator插件的源代码，其中名称为animate.css的样式文件中定义了多种文字动画风格，具体使用方法可以参考本例代码。