jqueryのアニメーション効果

2584 ワード

  • この実現の効果は上から下へ画像をめくることです.最後までひっくり返して、下から上へ
  • をひっくり返す.
    
    
    
        
            
        
        
    
    
        

    ![](images/01.jpg) ![](images/02.jpg) ![](images/03.jpg) ![](images/04.jpg) var i = 0; // var len = $("img").length - 1; // setInterval(function(){ if(i++%(2*len) < len){ $("img:visible").slideUp().next().slideDown(); }else{ $("img:visible").slideUp().prev().slideDown(); } },1000);
  • アルファベットスクロール
  • 
    
    
        
              
        
        
    
    
        

    • I love three things in this world. Sun, moon and you. Sun for morning, moon for night , and you forever
    • There are no trails of the wings in the sky, while the birds has flied away.
    • Every hour of lost time is a chance of future misfortune.
    • Learn from yesterday,live for today,hope for to morrow
    • You know my loneliness is only kept for you, my sweet songs are only sung for you.
    $("li:last").hide(); setInterval(function(){ $("li:first").slideUp(1000,"linear",function(){ $(this).appendTo("ul"); }).parent().find("li:last").slideDown(1000,"linear"); },1020);
  • 小広告
  • 
    
    
        
         web  
        
        
    
    
        
    
    
        
    var screenHeight = $(window).height();  //       
    $("#advertisement").css({               //         
        position:"fixed",
        width:'0px',
        height:'160px',
        right:0,
        top:screenHeight - 165,
    }).animate({                            //          
        width:"306px",
    },3000).animate({                       //          
        top:screenHeight - 205,
        height:"200px"
    },3000).find("h3").delay(3000).animate({
        height:"40px"
    },3000);