以给定 速度逐字符打印文本 jQuery selfw

  • 源码大小:5.36KB
  • 所需积分:1积分
  • 源码编号:19JP-3478
  • 浏览次数:258次
  • 最后更新:2023年06月17日
  • 所属栏目:动画
本站默认解压密码:19jp.com 或 19jp_com

简介

selfw是一个模仿打字机效果的jQuery插件,使您能够以固定或随机的速度逐个字符地打印屏幕上的任何文本。

如何使用它:

1.下载插件并加载自拍jQuery之后的脚本。

<script src="/path/to/cdn/jquery.slim.min.js"></script>
<script src="/path/to/selfw.js"></script>

2.在现有文本内容上调用该函数,插件将完成其余操作。

<p id="text">
  Any Text Here
</p>
$(function(){
  $("#text").selfw()
});

3.您还可以在文本参数

<p id="text">
  <!-- Empty Container -->
</p>
$(function(){
  $("#text").selfw({
    text: 'Your Text Here'
  })
});

4.自定义打字速度。默认值:100ms。

$(function(){
  $("#text").selfw({
    time: 200,
  })
});

5.或者随机改变打字速度。

$(function(){
  $("#text").selfw({
    random: true
  })
});

预览截图