$(document).ready(function(){ play(); //鑷姩鎾斁 var z=$("#lclist li").length-1; var b=0; var kd = $("#lcli").width(); var nkd = $("#dali").width(); var timer; function play(){ timer=setInterval(function(){ //璁剧疆闂存瓏璋冪敤锛屾椂闂撮棿闅斾负1500姣 //next.onclick() //姝ゅ鏄嚜鍔ㄥ悜鍙冲垏鎹紝濡傛灉鎯宠缃负鍚戝乏鍒囨崲锛屾妸next鎹负prev鍗冲彲 lc() },2500) } function lc(){ var go = b*kd; var ngo = b*nkd; $("#lclist li").eq(b).addClass('on').siblings('li').removeClass('on'); $("#lclist").animate({left: "-" + go + "px"}, 200); $("#lcnrlist").animate({left: "-" + ngo + "px"}, 200); //$("#dolist li").eq(b).addClass("on").siblings('li').removeClass("on"); //$("#lcnr li").eq(b).show().siblings('li').hide(); b=b+1; if (b>z){ b=0; } } $("#zan").click(function(){ var c=b-1; if (c<0){ c=0; } var cgo = c*kd; var cngo = c*nkd; $("#lclist li").eq(c).addClass('on').siblings('li').removeClass('on'); $("#lclist").animate({left: "-" + cgo + "px"}, 200); $("#lcnrlist").animate({left: "-" + cngo + "px"}, 200); b=c }); $("#yan").click(function(){ var y=b+1; if (y>z){ y=0; } var ygo = y*kd; var yngo = y*nkd; $("#lclist li").eq(y).addClass('on').siblings('li').removeClass('on'); $("#lclist").animate({left: "-" + ygo + "px"}, 200); $("#lcnrlist").animate({left: "-" + yngo + "px"}, 200); b=y }); $(".list li").hover(function(){ var opt=$(this).parent().attr('id'); opt=opt.split("-"); var a=opt[1]; var i=$(this).index(); var d="#tk-"+a; $(".tpk li").eq(i).fadeIn().siblings('li').fadeOut(); //$(this).parent().parent.find(.tpk li).eq(i).fadeIn().siblings('li').fadeOut(); }); });