建站资源下载详情
为您免费提供多种建站资源下载,包括网站模板下载、前端插件下载和字体下载!您只需注册为会员即可任意下载!

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

来源:易助科技网浏览量:44收藏

简介

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


JQuery标题动画插件animated.headline.js-示例图



使用


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.  配置


NameTypeDefaultDescription
animation-typestring'rotate-1'Type of
 animation used. Options: 'rotate-1', 'rotate-2', 'rotate-3', 'type',
 'loading-bar', 'slide', 'clip', 'zoom', 'scale', and 'push'



相关链接


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

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