基本信息
源码名称:Jq响应式幻灯片
源码大小:3.21KB
文件格式:.html
开发语言:js
更新时间:2018-11-30
   友情提示:(无需注册或充值,赞助后即可获取资源下载链接)

     嘿,亲!知识可是无价之宝呢,但咱这精心整理的资料也耗费了不少心血呀。小小地破费一下,绝对物超所值哦!如有下载和支付问题,请联系我们QQ(微信同号):813200300

本次赞助数额为: 2 元 
   源码介绍

<script type="text/javascript">
$(document).ready(function(){

//------------------------------------
$('.slide-viewer').each(function(){
var $this = $(this);
var $group = $this.find('.slide-group');
var $slide = $this.find('.slide');
var buttonArrey = [];
var currentIndex = 0;
var timeout;
function advance(){
clearTimeout(timeout);
timeout = setTimeout(function() {
if (currentIndex < ($slide.length - 1)) {
move(currentIndex 1);
}else{
move(0);
}
}, 4000);
}
advance();
function move(newIndex){
var animateLeft,slideLeft;
if (currentIndex < newIndex) {
slideLeft = "100%";
animateLeft = "-100%";
}else{
slideLeft = "-100%";
animateLeft = "100%";
}
$slide.eq(newIndex).css({left:slideLeft,display:'block'});

$group.animate({left:animateLeft},500,function(){
$slide.eq(currentIndex).css({display:"none"});
$slide.eq(newIndex).css({left:0});
$group.css({left:0});
currentIndex = newIndex;
});
advance();
}
$('.slide-btn').on('click',function(){
$this = $(this);
$('.active-btn').removeClass('active-btn');
$this.addClass('active-btn');
move($this.index());

});
});
});
</script>