Question

图片自动播放轮播JQ，js代码。

上面是大图，下面是小图，自动轮播，鼠标放上去暂停，小图那一排有前后切换按钮，代码该怎么写，来个大神指导一下！

Answer 1

//轮播器
var crs_num=1

function interval(){
carousel=setInterval(function(){

num2=crs_num*-800
$('.crs_img').animate({
attr:'x',
target:num2,
time:50,
speed:10,

})
$('.crs_words p').html($('.crs_img img').getnum(crs_num).attr('alt'))
$('#carousel li').css('color','#999')
$('#carousel li').getnum(crs_num).css('color','#333')
crs_num++;
if(crs_num==3)crs_num=0;
},3000)
}
interval();
$('#carousel li').hover(function(){
var num=$(this).childNum()*-800
clearInterval(carousel)
$('.crs_img').animate({
attr:'x',
target:num,
time:50,
speed:5,

})

$('.crs_words p').html($('.crs_img img').getnum($(this).childNum()).attr('alt'))
$('#carousel li').css('color','#999')
$(this).css('color','#333')

},function(){
interval()
})
animate是自己封装的，可能和jq不兼容