jquery+easeing实现仿flash的载入动画

2020-05-22 21:57:30易采站长站整理

         var index=$(‘.right’).find(“li”).index(this);
         //alert(index);
         $(‘.left’).find(‘li’).eq(index).fadeIn(1250).siblings().fadeOut(800).end().add(‘.title’).fadeIn(1500);
         //$(‘.title’).addClass(“liBk”+index).removeClass(“liBk”+(index=index-1));
          // var myClassName=”title ‘liBk’+index”;
          var myClassName=’liBk’+index;
          var titles=’title’+’ ‘;
         // console.log(‘myClassName是’+myClassName);
         function setTitleClass(myClassName){
             $(‘.title’).each(function(index) {
                this.className=(titles+myClassName);
            });
           }
         setTitleClass(myClassName);
        // console.log(“liBk”+index);
         });
      });
      </script>
      <div class=”right”>
        <ul>
        <li><div class=”liSlideDown liBk0″></div><img class=”liImg” src=”../images/wxc/r1.png” ><div class=”liContent”>11</div></li>
        <li><div class=”liSlideDown liBk1″></div><img class=”liImg” src=”../images/wxc/r2.png” ><div class=”liContent”>22</div></li>
        <li><div class=”liSlideDown liBk2″></div><img class=”liImg” src=”../images/wxc/r3.png” ><div class=”liContent”>33</div></li>
        <li><div class=”liSlideDown liBk3″></div><img class=”liImg” src=”../images/wxc/r4.png” ><div class=”liContent”>44</div></li>
        <li><div class=”liSlideDown liBk4″></div><img class=”liImg ” id=”lastImg” src=”../images/wxc/r5.png” ><div class=”liContent”>最后一个</div></li>