怎样用CSS+DIV实现字体不停的换颜色
用CSS+div是不可能实现的,我做了一个javascript给你,你看看!
代码如下:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style type="text/css">
.one{color:#0000FF;}
.two{color:#00FF00;}
.three{color:#FFFF00;}
.four{color:#00FFFF;}
.five{color:#CC9933;}
.six{ color:#FF66CC;}
.seven{color:#00FF00;}
</style>
<script type="text/javascript">
var i=0;
var color = ["one","two","three","four","five","six","seven"];
function changeColor(){
var n = document.getElementById("one");
n.className = color[i];
if(i<color.length-1){
i++;
}
else{
i=0;
}
}
setInterval(changeColor,500);
window.onload = changeColor;
</script>
<title>无标题文档</title>
</head>
<body>
<p id="one" class="">文字不停的变颜色!</p>
</body>
</html>
2024-07-20 广告
因为“不停”就是要重复更换CSS,“重复”这个动作只能由javascript 实现,DIV CSS都不行的。