跑马灯
来源：互联网 发布：人工智能的社会影响 编辑：程序博客网 时间：2024/04/28 03:37
<html>
<meta charset="utf-8"/>
<head>
<title>
跑马灯练习
</title>
<script type="text/javascript">
var colors=["red","blue","gray"];
var colors2=["purple","black","#fff456"];
var index=0;
var index2=0;
function clickBtn(){
setInterval("font()",2000);
setInterval("back()",2000);
}
function font(){
var v= document.getElementById("labelId");
if(index>2){
index=0;
}
v.style.color=colors[index];
index++;
}
function back(){
var a=document.getElementById("fieldId");
if(index2>2){
index2=0;
}
a.style.backgroundColor=colors2[index2];
index2++;
}
</script>
</head>
<body>
<input type="button" value="开始" onclick="clickBtn()"/>
<fieldset id="fieldId" ><label id="labelId">跑马灯</label></fieldset>
</body>
</html>
<meta charset="utf-8"/>
<head>
<title>
跑马灯练习
</title>
<script type="text/javascript">
var colors=["red","blue","gray"];
var colors2=["purple","black","#fff456"];
var index=0;
var index2=0;
function clickBtn(){
setInterval("font()",2000);
setInterval("back()",2000);
}
function font(){
var v= document.getElementById("labelId");
if(index>2){
index=0;
}
v.style.color=colors[index];
index++;
}
function back(){
var a=document.getElementById("fieldId");
if(index2>2){
index2=0;
}
a.style.backgroundColor=colors2[index2];
index2++;
}
</script>
</head>
<body>
<input type="button" value="开始" onclick="clickBtn()"/>
<fieldset id="fieldId" ><label id="labelId">跑马灯</label></fieldset>
</body>
</html>
0 0
