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

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

 24954  340  查看评论 (16)
分享到微信朋友圈
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  数值可以自定义
});
相关插件-动画效果

手机端旋转的地球

使用jQuery实现,方法很简单欢迎使用。
  动画效果
 20858  237

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

10种显示效果可以调节出字速度这样效果又不一样
  动画效果
 24955  340

新年快乐粒子烟花

根据其他插件改编拜年烟花效果
  动画效果
 29640  343

小球碰撞(完全弹性碰撞)

给自己主页目录用这个的,顺便传上来。
  动画效果
 35153  380

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

    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
        嗯 是 他速度为极快的时候是一排排的文字出现的效果 这个效果可以给一段文字好看的出场效果 速度也是效果的一部分哦
    回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复