/*定义位置:由于图片个数与下侧顺序按钮数量一致,可通过位置进行关联*/ var index=0; var time=setInterval(move,3000); function move() { index++; if (index==3){ index=0 } $(".img li").eq(index).stop().fadeIn(500).siblings().stop().fadeOut(500); $(".cjv").css("width","0px"); var id =$(".num li").eq(index).children(":first").attr("id"); chjd(id); } function chjd(id) { var elem = document.getElementById(""+id); var width = 10; var id = setInterval(frame, 30); function frame() { if (width >= 100) { clearInterval(id); } else { width++; elem.style.width = width + '%'; } } } $(function(){ var id =$(".num li").eq(0).children(":first").attr("id"); chjd(id); });