三十七、jQuery多动轮播动画混叠效果

利用枚举对象封装方法，通过参数传递建立不同的动画模型并调用执行对应动画；

主要是为了演示如何对动画混叠进行封装

一、搭建整体模型

1.封装层级排序方法

//封装层级排序方法
sortimg:function(){
    $(".ulinfo li").each(function(index){
        $(this).css({ "zIndex":$(".ulinfo li").length-index-1});
    })
}

2.封装淡入淡出前后切换效果

原理：利用自定义动画以及层级关系，当最高层的图片淡出并将其层级设置为0，第二张图片淡入；

fadeIn() fadeOut()  淡入淡出  参数(时间 回调函数)

//封装淡入淡出切换效果
bannerimg:function(){
    $(".ulinfo li").each(function(){
        //叠加zIndex
        $(this).css("zIndex",parseInt($(this).css("zIndex"))+1);
        //判断层级
        if($(this).css("zIndex")==$(".ulinfo li").length){
            $(this).fadeOut(1000,function