Javascript - Solid Text Text Flash

基本上我想要做的就是讓文本閃爍不同的顏色。等文本閃爍藍色，然後紅色，然後粉紅色，然後紫色等。預先感謝Javascript - Solid Text Text Flash

2012-02-16 Donavon Decker

那麼......你究竟遇到了什麼問題？你有什麼嘗試？ – 2012-02-16 06:56:50

您可以使用CSS3而不是Javascript。下面的示例從紅色閃爍到黃色，綠色，藍色並返回紅色。記得添加特定於供應商的前綴爲Mozilla，webkit的等（例如-moz動畫和-moz關鍵幀）

的index.html

<!doctype html> 
<html> 
<head> 
    <title>Blinking Text</title>  
    <link rel="stylesheet" href="style.css" />  
</head> 
<body> 
    <div class="test">Text</div>  
    </body> 
</html>

的style.css

.test 
{ 
    font-size: 48pt; 
    animation: 2s blink steps(1) infinite; 
} 

@keyframes blink 
{ 
    0% { color: red; } 
    25% { color: yellow; } 
    50% { color: green; } 
    75% { color: blue; } 
    100% {color: red; } 
}

來源

2012-02-16 07:15:30 tklepzig

看看這個jsfiddle。我已經評論了JS的每個部分的教學目的：http://jsfiddle.net/VXRpz/

來源

2012-02-16 07:18:07 Aaron

function flashtext(ele,col) { 
var tmpColCheck = document.getElementById(ele).style.color; 

    if (tmpColCheck === 'silver') { 
    document.getElementById(ele).style.color = col; 
    } else { 
    document.getElementById(ele).style.color = 'silver'; 
    } 
} 

setInterval(function() { 
    flashtext('flashingtext','red'); 
    flashtext('flashingtext2','blue'); 
    flashtext('flashingtext3','green'); 
}, 500); //set an interval timer up to repeat the function

來源

2012-02-16 07:19:20

Javascript - Solid Text Text Flash

回答

相關問題