// JavaScript Document // 大图滚动 $(function(){ var imgW=$('.big_con img').width(); var x=1;//图片下标 var n=0;//数字下标 var time=null; var fir=$('.big_con img:first').clone(); var lst=$('.big_con img:last').clone(); $('.big_con').append(fir); //最后添加第一张图,最前面添加最后一张图 $('.big_con').prepend(lst); $('.big_inner').scrollLeft($('.big_con img').width()); //初始位置 $('.big_list li').click(function(){ clearInterval(time); n=$('.big_list li').index(this); x=n+1; $('.big_list li').eq(n).addClass('select').siblings().removeClass('select'); $('.big_inner').stop().animate({scrollLeft:imgW*x}); move(); }) $('.right').click(function(){ clearInterval(time); x++; if (x>=$('.big_con img').length) { x=2; $('.big_inner').scrollLeft(imgW); }; n++; if (n>=$('.big_list li').length) { n=0; }; $('.big_inner').stop().animate({scrollLeft:imgW*x}); $('.big_list li').eq(n).addClass('select').siblings().removeClass('select'); // move(); }) $('.left').click(function(){ clearInterval(time); x--; if (x<0) { x=$('.big_con img').length-3; $('.big_inner').scrollLeft(imgW*(x+1)); }; n--; if (n<0) { n=$('.big_list li').length-1; }; $('.big_inner').stop().animate({scrollLeft:imgW*x}); $('.big_list li').eq(n).addClass('select').siblings().removeClass('select'); move(); }) function move(){ time=setInterval(function(){ x++; if (x>=$('.big_con img').length) { x=2; $('.big_inner').scrollLeft(imgW); }; n++; if (n>=$('.big_list li').length) { n=0; }; $('.big_inner').stop().animate({scrollLeft:imgW*x}); $('.big_list li').eq(n).addClass('select').siblings().removeClass('select'); },4500) } move(); }) $('.indsmbox1_a').hover(function(){ $(this).find('.indsmbox1_w1').animate({opacity: 1},500); $(this).find('.indsmbox1_w1').css('display','block'); },function(){ $(this).find('.indsmbox1_w1').animate({opacity: 0},500); $(this).find('.indsmbox1_w1').css('display','none'); }) $('.ftop').click(function(){ var speed=600;//滑动的速度 $('body,html').animate({scrollTop: 0}, speed); return false; })