zoukankan      html  css  js  c++  java
  • js特效:图片轮换(仿FLASH)

     1 <div align="center"> 
     2         <div id="oTransContainer" style="FILTER: progid:DXImageTransform.Microsoft.Wipe(GradientSize=1.0,wipeStyle=0, motion='forward'); WIDTH: 698px; HEIGHT: 105px; overflow:hidden;">
     3         <href="#" target="_blank"><img id="oDIV1" style="BORDER-RIGHT: black 1px solid; BORDER-TOP: black 1px solid; BORDER-LEFT: black 1px solid; BORDER-BOTTOM: black 1px solid" src="images/index_47.jpg" border="0" width="698" height="105"></a>
     4         <href="#" target="_blank"><img id="oDIV2" style="BORDER-RIGHT: black 1px solid; BORDER-TOP: black 1px solid; BORDER-LEFT: black 1px solid; BORDER-BOTTOM: black 1px solid" src="images/2.jpg" border="0" width="698" height="105"></a>
     5         <href="#" target="_blank"><img id="oDIV3" style="BORDER-RIGHT: black 1px solid; BORDER-TOP: black 1px solid; BORDER-LEFT: black 1px solid; BORDER-BOTTOM: black 1px solid" src="images/3.jpg" border="0" width="698" height="105"></a>
     6         </div>
     7     </div>
     8     <script type="text/javascript">
     9         var NowFrame = 1;
    10         var MaxFrame = 3;
    11         var bStart = 0;
    12         function fnToggle() {
    13             var next = NowFrame + 1;
    14 
    15             if (next == MaxFrame + 1) {
    16                 NowFrame = MaxFrame;
    17                 next = 1;
    18             }
    19 
    20             if (bStart == 0) {
    21                 bStart = 1;
    22 
    23                 setTimeout('fnToggle()'3500);
    24 
    25                 return;
    26             }
    27             else {
    28                 oTransContainer.filters[0].Apply();
    29                 document.getElementById('oDIV' + next).style.display = "";
    30                 document.getElementById('oDIV' + NowFrame).style.display = "none";
    31 
    32                 oTransContainer.filters[0].Play(duration = 2);
    33 
    34                 if (NowFrame == MaxFrame)
    35                     NowFrame = 1;
    36                 else
    37                     NowFrame++;
    38             } setTimeout('fnToggle()'3500);
    39         }
    40 
    41         fnToggle();
    42 </script>
  • 相关阅读:
    golang中使用selenium进行爬虫
    SAS关于宏、宏函数、宏变量、data步、proc步和call execute的理解
    golang基础--slice和array
    MySQL基础操作——转
    wamp的手动安装
    SQL索引一步到位
    C语言的随机发牌程序(红桃、黑桃、梅花、方块)
    mysql数据库的导入导出
    比Android更深远的改变世界——谷歌开源人工智能系统TensorFlow文档中文版
    TensorFlow博客翻译——用TensorFlow在云端进行机器学习
  • 原文地址:https://www.cnblogs.com/jasonoiu/p/1777827.html
Copyright © 2011-2022 走看看