打字机效果一段文字实现一个个字出现的效果

所属分类:其他-动画效果

 37005  438  查看评论 (18)
分享到微信朋友圈
X
打字机效果一段文字实现一个个字出现的效果 ie兼容9

更新时间:2018/10/10 下午1:03:50

更新说明:1.增加了conBox属性,设置段落动画所接受的盒子,该段落的效果在这个盒子中显示。

                2.支持多段落不同效果显示,让使用更方便更广泛。

                3.增加一个简单的例子,里面有使用的方法演示,一目了然。


使用方法

引用

<link rel="stylesheet" href="css/animate.min.css"> 
<scriptt src="js/jquery-3.0.0.min.js"></scriptt> 
<scriptt src="js/parameter.js"></scriptt>

html

<div id="text"></div>

使用

text({
    str: "土地是以它的肥沃和收获而被估价的。才能也是土地,不过它生产的不是粮食,而是真理。如果只能滋生瞑想和幻想的话,即使再大的才能也只是砂地或盐池,那上面连小草也长不出来的。", //所需显示的一段字符文字      
    effect: "rightbig", //十种显示效果具体可以到页面中看 normal right left down up random rightbig leftbig downbig upbig     
    speed: 200, //显示速度  慢400 正常200 快60 极快15  数值可以自定义
});
相关插件-动画效果

图片酷炫粒子动画效果

学习es6顺便写的 使用canvas粒子化图片 利用easying.js里面的公式计算粒子动态轨迹方程 x轴方向和y轴方向的公式均可以选择 可以设置粒子运动时间档
  动画效果
 56457  490

按钮点击水波纹效果插件ripple.js

轻量级按钮点击水波纹效果,支持所有块级标签,使用非常简单。
  动画效果
 48870  530

three.js 创建 多面立方体

基于three.js 创建6面立方体模型 可旋转添加动画
  动画效果
 28510  313

可爱的3D角色动画

可爱的3D人物动画,视线跟随鼠标移动,可拖动旋转。
  动画效果
 28780  269

讨论这个项目(18)回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约

    往后 0
    2022/3/8 10:09:36
    很好,正是我需要的效果,good 回复
    Tricky 0
    2021/7/27 10:08:33
    liujf 0
    2019/5/27 16:48:34
    新人没有jq币啊,哪位大神帮我下载个哈 回复
    ?隆冬飘落の初霁? 0
    2018/8/7 15:57:55
    哇哦 太棒了
        海云hyidc0
        2020/1/7 23:15:42
        嗯嗯
    回复
    我的闺蜜狂拽酷炫吊炸天 0
    2018/7/16 14:29:11
    我正好需要这个效果 大赞 回复
    123zhang 0
    2018/7/12 22:19:15
    正好需要,这款最合适了 回复
    小御 0
    2018/5/29 17:50:02
    感著您,?好需要此?效果
        zhe0
        2018/6/7 13:14:21
        感谢你,正好需要此效果? 是这个么? 不客气
    回复
    用户3794956132 0
    2018/4/2 13:24:59
    也太棒了!?好想?咀站上面出?一行一行的感迂
        zhe0
        2018/4/8 9:41:12
        你这个语句不通顺啊 哈哈
        learn by heart ??0
        2018/7/18 22:46:25
        挺想要源码的‘
    回复
    毁~悔 0
    2018/3/26 15:35:00
    666666666666666666666
        zhe0
        2018/3/28 13:58:39
        可以保存一下,有用到的时候就翻出来,要是能花点心思看看里面怎么实现,那页面动画就完全不用担心了.其实蛮简单的......
    回复
    好大块贴 0
    2018/3/1 9:27:59
    可以,蛮好玩
        zhe0
        2018/3/1 13:11:57
        哈哈,谢谢,是蛮有意思的,不过可能用到的场景少一些.
        张大臀0
        2018/3/2 9:09:16
        手机端写页面可以用来增加效果
        zhe0
        2018/3/2 15:12:16
        嗯 是 他速度为极快的时候是一排排的文字出现的效果 这个效果可以给一段文字好看的出场效果 速度也是效果的一部分哦
    回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复