<!
DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"
>
< html xmlns ="http://www.w3.org/1999/xhtml" >
< head >
< title > 无标题页 </ title >
< style type ="text/css" >
.test { width : 200px ; height : 200px ; position : absolute }
.d1 { background-color : Blue }
.d2 { background-color : Fuchsia }
.d3 { background-color : Gray }
</ style >
</ head >
< script type ="text/javascript" >
var i = 1 ;
function changes(){
var a = document.getElementById( ' d1 ' );
var b = document.getElementById( ' d2 ' );
var c = document.getElementById( ' d3 ' );
switch (i % 3 )
{
case 0 :
a.style.zIndex = 1 ;
b.style.zIndex = 0 ;
c.style.zIndex = 0 ;
break ;
case 1 :
a.style.zIndex = 0 ;
b.style.zIndex = 1 ;
c.style.zIndex = 0 ;
break ;
case 2 :
a.style.zIndex = 0 ;
b.style.zIndex = 0 ;
c.style.zIndex = 1 ;
break ;
}
i ++ ;
}
setInterval( ' changes() ' , 2000 );
</ script >
< body >
< div id ="d1" class ="test d1" > 123 </ div >
< div id ="d2" class ="test d2" > 456 </ div >
< div id ="d3" class ="test d3" > 789 </ div >
</ body >
</ html >
< html xmlns ="http://www.w3.org/1999/xhtml" >
< head >
< title > 无标题页 </ title >
< style type ="text/css" >
.test { width : 200px ; height : 200px ; position : absolute }
.d1 { background-color : Blue }
.d2 { background-color : Fuchsia }
.d3 { background-color : Gray }
</ style >
</ head >
< script type ="text/javascript" >
var i = 1 ;
function changes(){
var a = document.getElementById( ' d1 ' );
var b = document.getElementById( ' d2 ' );
var c = document.getElementById( ' d3 ' );
switch (i % 3 )
{
case 0 :
a.style.zIndex = 1 ;
b.style.zIndex = 0 ;
c.style.zIndex = 0 ;
break ;
case 1 :
a.style.zIndex = 0 ;
b.style.zIndex = 1 ;
c.style.zIndex = 0 ;
break ;
case 2 :
a.style.zIndex = 0 ;
b.style.zIndex = 0 ;
c.style.zIndex = 1 ;
break ;
}
i ++ ;
}
setInterval( ' changes() ' , 2000 );
</ script >
< body >
< div id ="d1" class ="test d1" > 123 </ div >
< div id ="d2" class ="test d2" > 456 </ div >
< div id ="d3" class ="test d3" > 789 </ div >
</ body >
</ html >