<style type="text/css">
<!--
#jx1{ background:#f9f9f9;line-height:100px;text-align:center;}
#jx2{ background:#FFCC99;line-height:100px;text-align:center;}
div{FILTER:revealTrans(transition=13,duration=1);POSITION:absolute;width:100%;}
-->
</style>
<body onload="p()" >
<div id="jx1" onmouseover=s(1) onmouseout=s(0) style="visibility:visible">
这里是内容一</div>
<div id="jx2" onmouseover=s(1) onmouseout=s(0) style="visibility:hidden">
这里是内容二</div>
<script>
var jx1=document.getElementById("jx1");var jx2=document.getElementById("jx2");
//设置显示哪个层的变量
var sL=1;
//设置动与不动的变量
var iS=0;
//设定显示时间
function p()
{
if(iS==0)
{
if(sL%2==1)
{
cs1(jx1,1);
cs1(jx2,0);
setTimeout('p()',8000);
}
else{
cs1(jx1,0);
cs1(jx2,1);
setTimeout('p()',8000);
}
sL++;
}
else
{
setTimeout('p()',2000);
}
}
//显示函数
function cs1(a,b)
{
if(a==null)return;
a.filters.revealTrans.apply();
if(b==1) a.style.visibility="visible";
else a.style.visibility="hidden";
a.filters.revealTrans.play();
}
//设定is变量
function s(v)
{
iS=v;
}
</script>
<!--
#jx1{ background:#f9f9f9;line-height:100px;text-align:center;}
#jx2{ background:#FFCC99;line-height:100px;text-align:center;}
div{FILTER:revealTrans(transition=13,duration=1);POSITION:absolute;width:100%;}
-->
</style>
<body onload="p()" >
<div id="jx1" onmouseover=s(1) onmouseout=s(0) style="visibility:visible">
这里是内容一</div>
<div id="jx2" onmouseover=s(1) onmouseout=s(0) style="visibility:hidden">
这里是内容二</div>
<script>
var jx1=document.getElementById("jx1");var jx2=document.getElementById("jx2");
//设置显示哪个层的变量
var sL=1;
//设置动与不动的变量
var iS=0;
//设定显示时间
function p()
{
if(iS==0)
{
if(sL%2==1)
{
cs1(jx1,1);
cs1(jx2,0);
setTimeout('p()',8000);
}
else{
cs1(jx1,0);
cs1(jx2,1);
setTimeout('p()',8000);
}
sL++;
}
else
{
setTimeout('p()',2000);
}
}
//显示函数
function cs1(a,b)
{
if(a==null)return;
a.filters.revealTrans.apply();
if(b==1) a.style.visibility="visible";
else a.style.visibility="hidden";
a.filters.revealTrans.play();
}
//设定is变量
function s(v)
{
iS=v;
}
</script>
文章来源：桂林唯创网络
475003427