// desing:dasiy (function(){ var speed = 30; //滚动速度 var lis = 310; //单个单位的宽度 var i = 0; var t = true; var a = parseint($('#scroll_box').css('width')); var b = parseint($('#scroll li').length * lis); $('#scroll').css('width',b) var distance = b-a; // console.log(distance); function add(){ i++; } function reduce(){ i--; } function jia(){ if((i< distance || i= distance || !t){ t= false; reduce(); } if(i==0){ t = true; } $('#scroll').css('left',-i) } var d = setinterval(jia, speed); $('#scroll_box').mouseover(function(){ clearinterval(d); }); $('#scroll_box').mouseleave(function(){ d = setinterval(jia, speed); }); }()); $(function(){ $('.tab_box .content ul').width(600*$('.tab_box .content li').length+'px'); $(".tab_box .tab a").mouseover(function(){ $(this).addclass('on').siblings().removeclass('on'); var index = $(this).index(); number = index; var distance = -600*index; $('.tab_box .content ul').stop().animate({ left:distance }); }); var auto = 1; //等于1则自动切换,其他任意数字则不自动切换 if(auto ==1){ var number = 0; var maxnumber = $('.tab_box .tab a').length; function autotab(){ number++; number == maxnumber? number = 0 : number; $('.tab_box .tab a:eq('+number+')').addclass('on').siblings().removeclass('on'); var distance = -600*number; $('.tab_box .content ul').stop().animate({ left:distance }); } var tabchange = setinterval(autotab,3000); //鼠标悬停暂停切换 $('.tab_box').mouseover(function(){ clearinterval(tabchange); }); $('.tab_box').mouseout(function(){ tabchange = setinterval(autotab,3000); }); } }); $(function(){ $(".tab_box_01 .tab a").mouseover(function(){ $(this).addclass('on').siblings().removeclass('on'); var index = $(this).index(); number = index; $('.tab_box_01 .content li').hide(); $('.tab_box_01 .content li:eq('+index+')').show(); }); var auto = 1; //等于1则自动切换,其他任意数字则不自动切换 if(auto ==1){ var number = 0; var maxnumber = $('.tab_box_01 .tab a').length; function autotab(){ number++; number == maxnumber? number = 0 : number; $('.tab_box_01 .tab a:eq('+number+')').addclass('on').siblings().removeclass('on'); $('.tab_box_01 .content ul li:eq('+number+')').show().siblings().hide(); } var tabchange = setinterval(autotab,3000); //鼠标悬停暂停切换 $('.tab_box_01').mouseover(function(){ clearinterval(tabchange); }); $('.tab_box_01').mouseout(function(){ tabchange = setinterval(autotab,3000); }); } });