本文主要给大家讲述的是如何使用jquery+easeing实现仿flash的载入动画的方法，附上示例代码，非常细致全面，这里推荐给大家，希望对大家熟练使用jQuery有所帮助。

去年面试过一家做网站的公司，看了一下他们的案例，看懂一个蛮有意思的，一个房地产的官网，是用flash做的。感觉不错。

于是，闲暇之际，简单的jquery 模仿做了一下。下面是我的效果图.脚本也没啥优化，流畅度也没有flash流畅。但是重要的是看到这个flash，想到

如何实现它效果的思路，非常适合新手。

观察上诉，首先左侧是个载入动画，

 $('.left').find('ul').delay(90).animate({left:0},700,'easeOutSine',function(){
 });

接着回调函数调用右侧

复制代码代码如下:

 $('.left').find('ul').delay(90).animate({left:0},700,'easeOutSine',function(){//'easeOutSine' 引入easing.js 库
    rightImg();
    });
   function rightImg(){
                             $('.right').find('.liImg').first().fadeIn(90).animate({top:0,opacity:1},380,'easeOutSine',function myNext(){// myNext回调自己（递归）
          $(this).parent().next().find('.liImg').fadeIn(90).animate({top:0,opacity:1},420,'easeOutSine',myNext);   
           if($('.right').find('#lastImg').is(":animated")&&$('.right').find('#lastImg').css("top",0)){
         //if($('.right').find('#lastImg').attr("style").indexOf('top:0')){
         //alert('最后一个运动好了');
                  $('.title').animate({ left:0},"slow",function(){//Sky 动画
                   $(".right").find('li').hover(function(){  // 右侧 hover效果
             $(this).find('.liSlideDown').slideDown().show().animate({opacity:0.7},"slow");
          },function(){
          $(this).find('.liSlideDown').stop(true,false).slideUp().hide();
          });//回调结束
         });
           }      
            });
     };