javascript特效实现翻页显示页面内容

发布时间：2007年02月27日浏览次数：2534 次

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<style type="text/css">

</style>
<title>嵌入-变动</title>
</head>
<body onload=setTime() topmargin=0 marginheight=0 leftmargin=0 marginwidth=0 bgcolor="ffffff" >
<table width="668" border="0" cellpadding="0" cellspacing="0" >
<tr>
<td valign="top"> <div style="height:271 ">
<DIV id=sc1 class=myDIV onmouseover=isScroll(1) style='visibility: visible; width: 668px' onmouseout=isScroll(0)>
<table width="300" height="200" border="0" cellpadding="0" cellspacing="0" bgcolor="#DFFFDF">
<tr>
<td><div align="center">翻页显示页面内容一</div></td>
</tr>
</table>
</div>
<DIV id=sc2 class=myDIV onmouseover=isScroll(1) style='VISIBILITY: hidden; width: 668px' onmouseout=isScroll(0)>
<table width="300" height="200" border="0" cellpadding="0" cellspacing="0" bgcolor="#FFCCAA">
<tr>
<td><div align="center">翻页显示页面内容二</div></td>
</tr>
</table>
</div>
</div></td>
</tr>
</table>
<SCRIPT>
var sc1=document.getElementById('sc1');
var sc2=document.getElementById('sc2');
//设置显示哪个层的变量
var sL=1;
//设置动与不动的变量
var iS=0;
//设定显示时间
function setTime()
{
      if(iS==0)
      {
            if(sL%2==1)
            {
                  cs1(sc1,1);
                  cs1(sc2,0);
                  setTimeout('setTime()',5000);
            }
            else{
                  cs1(sc1,0);
                  cs1(sc2,1);
                  setTimeout('setTime()',5000);
            }
            sL++;
      }
      else
            {
setTimeout('setTime()',5000);
             }
}
//显示函数
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变量
// v==1 不滚动 v==0 滚动
function isScroll(v){
iS=v;
}
</SCRIPT>
</body>
</html>

文章来源：桂林唯创网络原创 --- 转载请标明本页具体网址与出处,否则视为侵权