<分区>
标签 javascript html css
<分区>
我有一个 html div 并希望背景颜色慢慢淡出所有颜色。 示例:div 从#000000 开始,然后转到#000001,然后..02、..03,直到到达#ffffff
这是我目前的代码
HTML:
<body>
<div>
</div>
</body>
CSS:
div
{
height:100px;
width:100px;
background-color:#000000;
}
还有我怎样才能让它停在不同的颜色,比如#001100
最佳答案
我正在我制作的网站上做类似的事情。
//set interval for color change
setInterval(function(){colorMate();},5000);
//animate body background using color picker function
function colorMate(){
$('body').animate({backgroundColor: pickColor()},2000);
}
//declare array of colors to be used when page loads
var colors = ['#206BA4','#BBD9EE',' #EBF4FA','#C0C0C0','#E7E4D3','#F1EFE2','#52ADDA','#68B8DF','#DBDBDB','#AACD4B','#C5AE87'];
var curcolor = 0;
//picks random color from array, different from current one
function pickColor(){
var rand = Math.floor(Math.random() * 11);
if (rand == curcolor){
pickColor();
}
else {
curcolor = rand;
return colors[rand];
}
}
关于javascript - 淡出颜色,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21153307/