css.js图片切换效果,一直左滑滑动到最后一张 以后会进行重播,怎么无限循环?
<scripttype="text/javascript">$(function(){varcur=0;functionautoRun(){//自动轮播函数cur++;/...
<script type="text/javascript">
$(function(){
var cur = 0;
function autoRun(){//自动轮播函数
cur++;
// if(cur==7){
// cur = 0;
// }
cur = (cur==7)?0:cur;//判断cur是否该变化
// 变化大图div
var left = cur* -161;//计算大图div的left值
$('#flash .pic_box').animate({'left':left+'px'},300);//让大图div变换left值
// 变化小图列表
$('#flash ul li').eq(cur).addClass('cur').siblings('li').removeClass('cur');
// 小滑块
var huakuai_left = cur*42;//计算小滑块的left值
// $('#flash .huakuai').animate({'left':huakuai_left+'px'},300);
$('#flash .huakuai').css({'left':huakuai_left+'px'})
}
var timer = setInterval(autoRun,2000);//定时器设立
$('#flash ul li').mouseover(function(){
clearInterval(timer);
cur = $(this).index();//获得当前鼠标移入的li的序号
// 变化大图div
var left = cur* -161;//计算大图div的left值
$('#flash .pic_box').stop().animate({'left':left+'px'},300);//让大图div变换left值
// 变化小图列表
$('#flash ul li').eq(cur).addClass('cur').siblings('li').removeClass('cur');
// 小滑块
var huakuai_left = cur*42;//计算小滑块的left值
// $('#flash .huakuai').animate({'left':huakuai_left+'px'},300);
$('#flash .huakuai').css({'left':huakuai_left+'px'})
})
$('#flash ul li').mouseout(function(){
timer = setInterval(autoRun,2000);//定时器设立
})
})
</script> 展开
$(function(){
var cur = 0;
function autoRun(){//自动轮播函数
cur++;
// if(cur==7){
// cur = 0;
// }
cur = (cur==7)?0:cur;//判断cur是否该变化
// 变化大图div
var left = cur* -161;//计算大图div的left值
$('#flash .pic_box').animate({'left':left+'px'},300);//让大图div变换left值
// 变化小图列表
$('#flash ul li').eq(cur).addClass('cur').siblings('li').removeClass('cur');
// 小滑块
var huakuai_left = cur*42;//计算小滑块的left值
// $('#flash .huakuai').animate({'left':huakuai_left+'px'},300);
$('#flash .huakuai').css({'left':huakuai_left+'px'})
}
var timer = setInterval(autoRun,2000);//定时器设立
$('#flash ul li').mouseover(function(){
clearInterval(timer);
cur = $(this).index();//获得当前鼠标移入的li的序号
// 变化大图div
var left = cur* -161;//计算大图div的left值
$('#flash .pic_box').stop().animate({'left':left+'px'},300);//让大图div变换left值
// 变化小图列表
$('#flash ul li').eq(cur).addClass('cur').siblings('li').removeClass('cur');
// 小滑块
var huakuai_left = cur*42;//计算小滑块的left值
// $('#flash .huakuai').animate({'left':huakuai_left+'px'},300);
$('#flash .huakuai').css({'left':huakuai_left+'px'})
})
$('#flash ul li').mouseout(function(){
timer = setInterval(autoRun,2000);//定时器设立
})
})
</script> 展开
2个回答
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询