这个是利用文本框的 placeholder 属性，以打字形式展示我们自定义的文字，可当用提示用，让提示信息的展示更有趣

效果演示地址

演示地址：

下载

• 直接下载

链接： 密码：idfi

• github 地址

• npm 安装

npm install superplaceholder

• Bower 安装

bower install superplaceholder

使用

superplaceholder({    el: ,    sentences: < 需要展示的placeholder 内容 >,    options: {} // 配置项});

基础版

superplaceholder({    el: document.querySelector('input'),    sentences: [ '内容1', '内容2']});

配置项

superplaceholder({    el: document.querySelector('input'),    sentences: [ '内容1', '内容2'],    options: {        // 每个字出现的时间间隔        letterDelay: 100, // milliseconds        // 两个句子之间的时间间隔        sentenceDelay: 1000,        // true 为获得焦点开始，false 为自动开始        startOnFocus: true,        // 循环句子        loop: false,        // 随机出现第一个出现的句子        shuffle: false,        // 是否显示光标，默认显示        showCursor: true,        // 光标样式        cursor: '|'    }});

示例代码

演示地址：

    
            
    
    
     
        返回网站首页    
    
     
URL 输入框 
    
     
        
      输入 URL:        
          
     
    
     
登录框实例
    
     
        
          
     
    
     
    
     
        
              
          
     
    

结尾

by

本文地址：