ShowText

当前版本:v1.0.0 最近更新:2016-01-11 组件维护:zicongweng

组件说明

  1. 字阵动画插件
  2. 兼容支持CSS3动画的所有浏览器
  3. 可以直接调用,也可以简单配置

DEMO演示

查看演示

HTML代码

<body>

<p class="test" style="display: none;">从 2008 年动画投稿网站开始活动,作品视频的点击播放量在 5000 万以上。Twitter 的拥趸超过 50 万人,自身具备作词作曲的才能,不断拓展活动的广度与多元性,是现下最受瞩目的男歌手</p><br />
<p class="test2" style="display: none;">从 2008 年动画投稿网站开始活动,作品视频的点击播放量在 5000 万以上。Twitter 的拥趸超过 50 万人,自身具备作词作曲的才能,不断拓展活动的广度与多元性,是现下最受瞩目的男歌手</p><br />

<script src="http://ossweb-img.qq.com/images/js/jquery/jquery-1.7.1.min.js" ></script>
<script src="http://ossweb-img.qq.com/images/js/showtext_component/dist/showtext.min.js" ></script>
<body>

<script charset="gb2312">
    // 可以配置参数
    var test  = $('.test').showtext({
                    api:'type',             // api:动画 [type,scale,float,spring,down,fade,fly,drop]
                    speed:80,               // speed:每个文字的动画时长
                    animation: 'ease',  // animation:动画曲线
                    step:70               // step:字与字之间的动画间隔时间
                });
    // 快捷调用
    var test2 = $('.test2').showtext('fade');
</script>