自制两边淡入淡出JQuery效果

var onIndex = 0;  //默认的高亮项

var list = $("#motto ul");  //列表元素

var li = list.children("li");  //选择列表下的每项

var liLength = li.length;  //取得列表长度

var easing = "swing";  //过渡曲线效果

var distance = "100px";  //过渡效果的长度

var interTime = 3000;  //间隔多久切换，单位毫秒

var delayTime = 1000;  //切换动画时间，单位毫秒

var idTime = interTime + delayTime;

setFun(idTime);

function setFun(setTime){

    li.eq(onIndex).addClass("on").fadeIn(delayTime).children(".left").animate({left: 0 + "px"}, delayTime, easing).next(".right").stop(true, false).animate({right: 0 + "px"}, delayTime, easing);

    setTimeout(function (){

        li.eq(onIndex).removeClass("on").fadeOut(delayTime).children(".left").stop(true, false).animate({left: "-" + distance}, delayTime, easing).next(".right").animate({right: "-" + distance}, delayTime, easing);

        if (onIndex >= liLength - 1){

            onIndex = 0;

        }else{

            onIndex++;

        }

        setTimeout(function (){ setFun(idTime) }, delayTime);

    }, setTime);

}