注册    登录
最新消息: 本以为花钱买了那个amh的板面可以让网站更稳定,结果搞得整 个网站运行出错,真是赔了夫人又折兵,对不起大家了。最新版jquery-2.1.1下载  ,在线的 jquery API使用手册, 稳定版jquery.mobile-1.3.2下载

jquery文本动画插件wordsrotator

动画 fishcity 813浏览

jquery文本动画插件wordsrotator

wordsrotator是一款使用CSS3+jqeruy使态静文本变成动起来的文本动画插件,为了方便快捷的使用不同的动画效果,wordsrotator引入了一个叫animate.css的动画样式文件来直接使用,省去了自己再创建动画的过程。

使用方法

引入核心文件

<link rel="stylesheet" href="jquery.wordrotator.css">
<link rel="stylesheet" href="animate.min.css">
<script src="http://libs.useso.com/js/jquery/2.1.1/jquery.min.js"></script>
<script src="jquery.wordrotator.js"></script>

创建html代码,这个随意,这里以P标签为例

<p>An <span id="myWords"></span> a day keeps the doctor away</p>

写入JS初始化插件

  $(function () {
        $("#myWords").wordsrotator({
            words: ['apple', 'apricot', 'avocado']
        });
    });

选项参数

$("#myWords").wordsrotator({
    autoLoop: true,              //自动旋转文本
    randomize: false,               //文本数组的内容随机进入
    stopOnHover: false,             //鼠标悬浮时停止动画
    changeOnClick: false,           //点击时强制开始动画
    animationIn: "flipInY",         //进入动画进使用的css类
    animationOut: "flipOutY",           //退出动画时使用的CSS类
    speed: 2000,                //两个单词动画间的时间间隔
    words: ['apple', 'apricot', 'avocado']  //文本数组, 在正文内应包含有数组的内容
  });

转载请注明:jQ酷 » jquery文本动画插件wordsrotator

下载地址:本站下载 | 百度云 | 官方下载
下载说明:
☉如果您发现本文件已经失效不能下载,请联系站长修正!
☉如果您下载的文件出现解压不了或文件受损等情况,请选择其他下载点重新下载。
☉下载本站资源,如果服务器暂不能下载请过一段时间重试!
☉有小部分资源需要解压密码,请输入:jqcool.net。
☉本站提供的所有资源仅供学习研究与参考,请勿用于商业用途。