//Demo1:   
$(function(){   
     var len  = $("#idNum > li").length;   
     var index = 0;   
     $("#idNum li").mouseover(function(){   
        index  =   $("#idNum li").index(this);   
        showImg(index);   
    });    
     //滑入 停止动画，滑出开始动画.   
     $('#idTransformView').hover(function(){   
              if(MyTime){   
                 clearInterval(MyTime);   
              }   
     },function(){   
              MyTime = setInterval(function(){   
                showImg(index)   
                index++;   
                if(index==len){index=0;}   
              } , 5000);   
     });   
     //自动开始   
     var MyTime = setInterval(function(){   
        showImg(index)   
        index++;   
        if(index==len){index=0;}   
     } , 5000);   
})   
// Demo1 : 关键函数：通过控制top ，来显示不通的幻灯片   
function showImg(i){   
        $("#idSlider").stop(true,false).animate({top : -60*i},800);   
         $("#idNum li")   
            .eq(i).addClass("on")   
            .siblings().removeClass("on");   
}