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

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

简介

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

如何使用它:

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

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

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

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

3.您还可以在文本参数

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

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

  1. $(function(){
  2. $("#text").selfw({
  3. time: 200,
  4. })
  5. });

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

  1. $(function(){
  2. $("#text").selfw({
  3. random: true
  4. })
  5. });

预览截图