鍵入動畫作爲佔位符

Question

在https://www.inwx.de/en網站上可以看到此技術的一個完美示例。在這裏，標題爲「查找所需域名」的輸入字段顯示了作爲佔位符的鍵入效果，其中輸入和刪除了文本。我想問問從哪裏開始建立這種效果。我無法在互聯網上找到關於此「效果」的內容。 ;）

Answer 1

試試這個：typing.js

下載的文件後，在你的HTML文件鏈接它們，你只需要設置var isPlaceholder = true;，把文字var strings = new Array("www.yourdomain.com")。

像這樣：

<input id="words" type="text" name="domain" value="" placeholder=""> 
<script> 
    var strings = new Array("www.yourdomain.com") 
    var typingSpeed = 100; 
    var deleteSpeed = 40; 
    var isLoop = true; 
    var isPlaceholder = true; 
</script> 

如果你使用這個，讓我知道！
我很想看到它。