jQuery |打字插件

Typed.js是一个 jQuery 插件，用于为我们的文本提供打字机效果。 typed.js 提供的各种功能是：

• 自定义打字速度。
• 自定义退格速度。
• 支持循环(也支持无限循环)。

要使用这个插件，只需在 body 标签上方添加 CDN 链接。
CDN 链接输入插件：

HTML 代码：在 HTML 中，我们刚刚添加了一个具有正常结构的 h1 标记来执行 jQuery 中的输入插件。

CSS 代码：对于样式，我们必须将文本与页面中心对齐。

JavaScript 代码：在 JS 中，我们有一个TYPED对象，其中我们传递了 h1 标签的类。然后我们有一个具有四个属性的对象。让我们一一了解它们。

• 字符串：它需要 N 个您想要应用效果的字符串。在我们的例子中，我们使用了两个字符串。
• typeSpeed：用于设置文本的输入或显示速度。
• backSpeed：用于设置文本退格或消失速度。
• 循环：它是一个布尔属性。我们已将其设置为 true 以循环播放效果。
• JS代码：

      var typed = new Typed(".geeks", {
          strings: ["Hello!!!", 
          "A Computer Science Portal for Geeks"],
          typeSpeed: 50,
          backSpeed: 50,
          loop: true,
      });

最终解决方案：就是以上三段代码与CDN链接的组合。

• 程序：

    
  
      
      
      jQuery | Typing Plugins
    
      
          body {
              margin: 0;
              padding: 0;
          }
    
          h1 {
              position: absolute;
              top: 50%;
              transform: translateY(-50%);
              width: 100%;
              text-align: center;
              color: Black;
          }
      
  
    
  
      
      
      
      
          var typed = new Typed(".geeks", {
              strings: ["Hello!!!",
              "A Computer Science Portal for Geeks"],
                
              typeSpeed: 50,
              backSpeed: 50,
              loop: true,
          });
      
  
    
                         

• 输出：