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>
  • 相关阅读:
    浅析uitableview
    ios9和xcode7的适配问题
    uiviewContentMode的介绍 转载
    关于常见的加密算法浅析
    程序中发起电话呼叫
    单例实现方式以及类方法和实例方法
    windows下的git的安装教程
    上传github项目
    android 使用SurfaceView绘制一个简单动画控件
    android 自定义控件属性获取bitmap和drawable的绘制
  • 原文地址:https://www.cnblogs.com/jasonoiu/p/1777827.html
Copyright © 2011-2022 走看看