教程集 > 脚本编程 > javascript > 正文图片轮显效果

图片轮显效果

发布时间：2023-06-17 编辑：jiaochengji.com

教程集为您提供图片轮显效果等资源，欢迎您收藏本站，我们将为您提供最新的图片轮显效果资源

提示：您可以先修改部分代码再运行

<script>  var NowFrame = 1;  var MaxFrame = 3;  var bStart = 0;  function fnToggle() {   var next = NowFrame   1;   if(next == MaxFrame 1)    {    NowFrame = MaxFrame;    next = 1;   }   if(bStart == 0)   {    bStart = 1;        setTimeout('fnToggle()', 3000);    return;   }   else   {       oTransContainer.filters[0].Apply();    document.images['oDIV' next].style.display = "";    document.images['oDIV' NowFrame].style.display = "none";     oTransContainer.filters[0].Play(duration=2);    if(NowFrame == MaxFrame)      NowFrame = 1;    else     NowFrame  ;   } setTimeout('fnToggle()', 4000);  }  fnToggle();  </script>  <div id="oTransContainer" style="filter: progid:DXImageTransform.Microsoft.Wipe(GradientSize=1.0, wipeStyle=0, motion='forward'); width: 336px; height: 377px"><img id="oDIV2" style="border-right: black 0px solid; border-top: black 0px solid; display: none; border-left: black 0px solid; border-bottom: black 0px solid" height="377" alt="寻找中国绿色力量" width="336" border="0" src="http://p1.jquerycn.cn/111cn/d/f/1474575915_1236.jpg" /> <img id="oDIV3" style="border-right: black 0px solid; border-top: black 0px solid; display: none; border-left: black 0px solid; border-bottom: black 0px solid" height="377" alt="寻找中国绿色力量" width="336" border="0" src="http://p1.jquerycn.cn/111cn/a/4/1474575915_4803.jpg" /> <img id="oDIV1" style="border-right: black 0px solid; border-top: black 0px solid; border-left: black 0px solid; border-bottom: black 0px solid" height="377" alt="寻找中国绿色力量" width="336" border="0" src="http://p1.jquerycn.cn/111cn/a/6/1474575915_7617.jpg" /></div>

提示：您可以先修改部分代码再运行

您可能感兴趣的文章：
js图片轮换效果的例子
 JS图片自动轮换效果实例代码
 基于jquery的图片轮播 tab切换组件
 jQuery图片轮换插件 jQuery Dynamic Slideshow
12款经典的白富美型—jquery图片轮播插件—前端开发必备
 jquery 图片轮换效果
 图片轮换效果(点击按钮停止执行)的js代码
 分享精心挑选的23款美轮美奂的jQuery 图片特效插件
 jquery 图片轮播代码示例
 jquery【插件】图片切换轮播等

上一篇：点击小图放大图片下一篇：间歇式滚动广告[直滚]

[关闭]

最近更新

浏览排行

~ ~