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

回答

相关问题