JQuery标题动画插件animated.headline.js

简介

animated.headline.js是一款简单的标题文字动画jQuery插件。该jquery文字动画插件自带有10种动画效果，可以实现标题文字的各种切换动画效果。

使用

1.  引入 jquery.js 和  animated.headline.js 文件

2.  HTML

<span class="animated-headline">
  <b class="active">
    rolor
  </b>
  
  <b>
    color
  </b>
  
  <b>
    nolor
  </b>
</span>

3.  调用

<script>
  $('.animated-headline').animatedHeadline({
    duration: 1,
    autoplay_speed: 3,
    center_mode: true 
  });
</script>

4.  配置

相关链接

GitHub 地址 ：  https://github.com/jokeryhguo/jquery-animated-headlines

效果演示 ：https://lemehovskiy.github.io/animatedHeadline/demo/