//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;}
} , 2000);
});
//自动开始
var MyTime = setInterval(function(){
showImg(index)
index++;
if(index==len){index=0;}
} , 2000);
})
// Demo1 : 关键函数：通过控制top ，来显示不通的幻灯片
function showImg(i){
$("#idSlider").stop(true,false).animate({top : -192*i},800);
$("#idNum li")
.eq(i).addClass("on")
.siblings().removeClass("on");
}