打开APP
userphoto
未登录

开通VIP,畅享免费电子书等14项超值服

开通VIP
页面的渐变效果

<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>

<img src="circul-side.gif" width="120" height="90" name="image1" style="FILTER: revealTrans(Duration=4.0, Transition=23); VISIBILITY: hidden">  <img src="ps-logo.jpg" width="120" height="90" name="image2" style="FILTER: revealTrans(Duration=4.0, Transition=22); VISIBILITY: hidden">  <img src="kpt7.jpg" width="120" height="90" name="image3" style="FILTER: revealTrans(Duration=4.0, Transition=23); VISIBILITY: hidden">



本站仅提供存储服务,所有内容均由用户发布,如发现有害或侵权内容,请点击举报
打开APP,阅读全文并永久保存 查看更多类似文章
猜你喜欢
类似文章
CSS特效赏析
片轮显代码大全
图片翻转滚动代码
滑出式网页导航菜单
我超喜欢的一组立体回帖
欢迎来到建站资源网--js特效--隐藏菜单(二)
更多类似文章 >>
生活服务
热点新闻
分享 收藏 导长图 关注 下载文章
绑定账号成功
后续可登录账号畅享VIP特权!
如果VIP功能使用有故障,
可点击这里联系客服!

联系客服