動畫文本着陸頁

Question

有沒有一種方法，我可以很容易地實現與HTML這種類型的動畫文本的目標網頁上

Answer 1

是的，有:)

var messages = ["Be", "Up to Speed", "Up to", "Up"], 
 
    counter = 0, 
 
    target = document.getElementById("message"); 
 

 
setInterval(function(){ 
 
    
 
    target.innerHTML = messages[counter]; 
 
    counter++; 
 
    
 
    if(counter >= messages.length) { 
 
    counter = 0; 
 
    } 
 

 
}, 300);

body { 
 
    font: bold 1em sans-serif; 
 
} 
 
#message { 
 
    box-shadow: .125em 0 0 0 rgba(128,128,128,.3); 
 
    color: MediumAquamarine; 
 
    padding-right: .125em; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 

 
<h1>You too can... <span id="message"></span></h1>