textillate演示N种不同的文字动画

textillate演示N种不同的文字动画

textillate.js是一款强大的文字插件,若配合animate.css、fittext、lettering一起使用,这样做出来的文字特效很完美。textillate.js基本功能演示:http://www.sucaiq.com/jquery/6/674/demo/example.html

淘建站为您提供更多_文字特效_文字动画_动画_animate,在此特别感谢您对我们的支持与厚爱!

查看演示

演示不了,点击反馈

加入收藏

下载 205 次

打赏作者

觉得不错,可打赏下作者

下载资源

免费共享

特别说明:本站资源来自网友发布分享,仅供学习与参考,请勿用于商业用途,若有侵权请联系删除(272966172@qq.com)。

引入动画样式和textillate文字相关插件

<div id="texts">Welcome To Sucaihuo.com</div>
$(function() {
    $('#texts').fitText(3.2, {maxFontSize: 18}).textillate({initialDelay: 1000, in: {delay: 3, shuffle: true}});
})

textillateApi教程

参数 描述 默认值
selector 目标选择器 .texts
loop 是否循环 false
minDisplayTime 最小间隔时间 2000
initialDelay 初始化间隔时间 0
in { effect: 'fadeInLeftBig', delayScale: 1.5, delay: 50, sync: false, reverse: false, shuffle: false, callback: function () {} } -
out { effect: 'hinge', delayScale: 1.5, delay: 50, sync: false, reverse: false, shuffle: false, callback: function () {} } -
autoStart 自动开始 true
callback 回调函数 function () {} -

声明:本资料由淘建站会员提供,如转载注明来源,资料来源淘建站免费素材库:https://www.taojz.cn/texiao/674.html
textillate演示N种不同的文字动画 希望对你有帮助,感谢您的支持!
  • jquery制作创建单页动画404页面

    jquery制作创建单页动画404页面

  • html5 svg适用于手机端播放器按钮动画特效

    html5 svg适用于手机端播放器按钮动画特效

  • jQuery仿qq投票统计动画效果

    jQuery仿qq投票统计动画效果

  • marquee.js演示三种不同的文字滚动效果

    marquee.js演示三种不同的文字滚动效果

  • jQuery开启百宝箱摇头效果

    jQuery开启百宝箱摇头效果

  • jQuery滑动图片以动画效果显示描述信息

    jQuery滑动图片以动画效果显示描述信息

  • jquery.easing动画插件

    jquery.easing动画插件

  • html5交互设计乐器演奏动画特效

    html5交互设计乐器演奏动画特效

  • 一张图片的动画效果的演示

    一张图片的动画效果的演示

  • 红星放金光动画

    红星放金光动画

  • html5鼠标悬停叠加图片弹性动画特效

    html5鼠标悬停叠加图片弹性动画特效

  • html5 canvas绘制逼真3D瀑布流动画特效

    html5 canvas绘制逼真3D瀑布流动画特效

  • 留言(0)
    头像
     阿里云限量代金券,戳我领取
    1 2