$('.lis').hide() $('.lis').eq(1).show() $('.atbs').click(function() { var i = $(this).attr('data-ids') $('.atbs').attr('class', 'atbs') $(this).attr('class', 'atbs on') // $('.lis').attr('class', 'lis hide') // $('.lis').eq(i).attr('class', 'lis show') $('.lis').hide() $('.lis').eq(i).fadeToggle(1000) }) // 轮播图 var index = 1; var newLeft = 0; var interval; var buttSpan = $(".buttss").children(); function nextPage(next){ $(buttSpan[index-1]).removeClass("ons"); if(index == 1) { $('#tiltsl').html('唐古信息科技 总经理') $('#ppls').html('「 对比多家供应商后,我们选择了工时管家,事实证明我们的选择是正确的,制药生产车间的各个环节人工成本得以数据化,我们实现了远程的成本把控。」') } if(index == 2) { $('#tiltsl').html('成都中为工程技术 项目主管') $('#ppls').html('「 我们是做建筑工程设计的,需要把控每个项目的投入成本。工时管家系统提供了面向工程专业的系统化、标准化的工时统计,我们得以进行更好的财务核算及人力成本控制!」') } if(index == 3) { $('#tiltsl').html('芯传汇 财务总监') $('#ppls').html('「 企业上市对我们的财务提出了严格的要求,工时管家系统帮助我们达到了目标。每个月的成本可以自动分摊到项目上,精确化管理研发项目成本,非常方便好用。」') } if(next){ if(index == 3){ index = 1; newLeft = 0; } else{ index ++; newLeft = -1000*(index-1); } } else{ if(index == 1){ index = 3; newLeft = -2000; } else{ index --; newLeft = -1000*(index-1); } } $(".listss").css("left",newLeft + 'px'); $(buttSpan[index-1]).addClass("ons"); } function autoNextPage(){ interval = setInterval(function(){ nextPage(true); },"5000"); } autoNextPage(); $(".containerss").mouseover(function(){ clearInterval(interval); $(".arrows").css("display","block"); }); $(".containerss").mouseout(function(){ autoNextPage(); $(".arrows").css("display","block"); }); $(".lefts").click(function(){ nextPage(false); }); $(".rights").click(function(){ nextPage(true); }); function clickButt(){ for(var i = 0;i<5;i++){ $(buttSpan[i]).click(function(){ $(buttSpan[index-1]).removeClass("ons"); index = $(this).attr("index")-1; nextPage(true); }); } } clickButt();