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

发布时间:2007年02月27日      浏览次数:1713 次
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<style type="text/css">
<!--
body {      margin-left: 0px;      margin-top: 0px;}
.l12 { font-size: 12px; color: #000066; text-decoration: none line-height: 20px; font-family: "宋体"}
.myDIV { FILTER: revealTrans(transition=18,duration=2); WIDTH:650px; POSITION: absolute}
-->
</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>
文章来源:桂林唯创网络原创 --- 转载请标明本页具体网址与出处,否则视为侵权
免责声明:本站相关技术文章信息部分来自网络,目的主要是传播更多信息,如果您认为本站的某些信息侵犯了您的版权,请与我们联系,我们会即时妥善的处理,谢谢合作!