js实现的带玻璃阴影的图片幻灯片特效代码

所属分类: 网页特效-图片特效&上传    2023-11-26 02:44:14

js实现的带玻璃阴影的图片幻灯片特效代码 ie兼容6
 查看演示  登录后下载 温馨提示
登录会员即可享受免费下载
 我要建站

js实现的带玻璃阴影的图片幻灯片特效代码(共7个文件)

    • index.html

使用方法

(function(){

  var slideshow = document.getElementById('slideshow'),
      imgs = slideshow.getElementsByTagName('img'),
      count = 0,
      timer,
      previous;

  function next(){
    previous = count > 0 ? count - 1 : 0;
    imgs[ previous ].className = imgs[ previous ].className.replace(/\\bis\\-active\\b/i, '' );
    
    if( count < imgs.length ){
      imgs[ count ].className += 'is-active';
      count++;
    }  
    else{
      count = 0;
      next();
    }
  }

  next();

  timer = setInterval(function(){
    next();
  }, 2000);

})();

站长提示:
1. 苦力吧素材官方QQ群:950875342
2. 平台上所有素材资源,需注册登录会员方能正常下载。
3. 会员用户积极反馈网站、素材资源BUG或错误问题,每次奖励2K币
4. PHP源码类素材,如需协助安装调试,或你有二次开发需求,可联系苦力吧客服。
5. 付费素材资源,需充值后方能下载,如有任何疑问可直接联系苦力吧客服
相关资源 / 图片特效&上传

jquery可连续选择多个图片/视频上传插件

一款可从本地选择多个图片/视频,并自动生成预览图片及预览视频。
  图片特效&上传
 8874  0

jquery响应式产品服务展示卡片悬停阴影特效代码

一款鼠标悬停卡片触发悬浮阴影特效,而且还带了卡片内图片旋转动画效果。
  图片特效&上传
 3643  0

javascript读取本地上传的JSON文件文本内容

一款上传本地json文件读取内容输出显示代码,当选择上传JSON文件后,会读取文件的内容并将其显示,可轻松的上传本地json文件和显示JSON数据。
  图片特效&上传
 4970  0

jquery带滑块设置的图片放大镜插件

一款简单的图片放大镜插件,可作用于图片上添加缩放效果,常用于产品图片细节图查看。
  图片特效&上传
 8655  0

评论数(0) 回复有机会获得K币 用户协议

^_^ 还没有人评论,快来抢个沙发!
😀
  • 😀
  • 😊
  • 😂
  • 😍
  • 😑
  • 😷
  • 😵
  • 😛
  • 😣
  • 😱
  • 😋
  • 😎
  • 😵
  • 😕
  • 😶
  • 😚
  • 😜
  • 😭
发表评论