一个简单的可以让两块内容交换显示的源码(可用广告显示方面)很爽的

发布时间:2007年08月31日      浏览次数:964 次
<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>
文章来源:桂林唯创网络
免责声明:本站相关技术文章信息部分来自网络,目的主要是传播更多信息,如果您认为本站的某些信息侵犯了您的版权,请与我们联系,我们会即时妥善的处理,谢谢合作!