页面的渐变效果

lucy0746 2007-06-14

展开全文

<HTML>
<HEAD>
<TITLE>NEWS</TITLE>
<META http-equiv=Content-Type content="text/html; charset=gb2312">
<STYLE type=text/css>
.div {
FILTER: revealTrans(transition=4,duration=2);
LEFT: 0px;
WIDTH: 217px;
POSITION: absolute;
TOP: -5px;
height: 207;
}
</STYLE>
<BODY onload=playPage()>
<DIV class=div id=page1 onmouseover=setbFlag(false) style="VISIBILITY: visible" onmouseout=setbFlag(true)>
  <DIV class=clsImgList style="padding-top:5px;">
  产品<br/>
  产品<br/>
  产品<br/>
  产品<br/>
  产品<br/>
</DIV>
<DIV class=clsImgList style="padding-top:1px;">
  设备<br/>
  设备<br/>
  设备<br/>
  设备<br/>
  设备<br/>
</DIV>
</DIV>

<DIV class=div id=page2 onmouseover=setbFlag(false) style="VISIBILITY: hidden" onmouseout=setbFlag(true)>
<DIV class=clsImgList style="padding-top:5px;">
  材料<br/>
  材料<br/>
  材料<br/>
  材料<br/>
  材料<br/>
</DIV>
<DIV class=clsImgList style="padding-top:1px;">
  辅材<br/>
  辅材<br/>
  辅材<br/>
  辅材<br/>
  辅材<br/>
</DIV>
</DIV>
<SCRIPT language=javascript>
<!--
var tmpDiv1 = document.getElementById("page1");
var tmpDiv2 = document.getElementById("page2");
var bFlag = true;
var bShowDiv = 1;
function playPage()
{
  if(bFlag)
  {
   if(bShowDiv == 1)
   {
    nextPage(tmpDiv1, true);
    nextPage(tmpDiv2, false);
   }
   else
   {
    nextPage(tmpDiv1, false);
    nextPage(tmpDiv2, true);

   }
   setTimeout(‘playPage()‘,4000);
  }
  else
  {
   setTimeout(‘playPage()‘,1000);
  }
  if(bShowDiv >0) bShowDiv--;
  else bShowDiv=1;
  return;
}
function setbFlag(b)
{
  bFlag = b;
  return;
}
function nextPage(whichDiv, bShowDiv){
  if(whichDiv != null)
  {
   whichDiv.filters.revealTrans.apply();
    if(bShowDiv)
    {
    whichDiv.style.visibility = ‘visible‘;
    }
    else
    {
    whichDiv.style.visibility = ‘hidden‘;
    }
   whichDiv.filters.revealTrans.play();
  }
  return;
}
//-->
</SCRIPT>
</BODY>
</HTML>

－－－－－－－－－－－－－－

另外一个例子：

<SCRIPT language=vbscript event=onLoad for=window>
image1.filters.item(0).apply()
image1.filters.item(0).transition = 10
image1.Style.visibility = ""
image1.filters(0).play(2.0)
image2.filters.item(0).apply()
image2.filters.item(0).transition = 11
image2.Style.visibility = ""
image2.filters(0).play(2.0)
image3.filters.item(0).apply()
image3.filters.item(0).transition = 12
image3.Style.visibility = ""
image3.filters(0).play(2.0)
</SCRIPT>