Jqueryエフェクト - フェーディング

Question

ブラウザのウィンドウが完全に読み込まれ、フェードアウトして右にスライドすると、リンクがクリックされると右にスライドしてdivをフェードインさせる簡単な方法があるのでしょうか？ユーザーをサイトの別の部分に移動します。私はJQueryについてよく知らないので、どんな助けもありがたいです！ありがとう！

Answer 1

アニメーションのjQueryドキュメントをご覧ください。 fadeIn()とfadeOut()の方法があります。

スライドについては、jQuery animation and effectsを参照してください。

もっと一般的には、まずa good jQuery tutorialを読む必要があります。私を信じて、効果的に使うのは難しいことではありません。

Answer 2

私はそれを行うの際に使用して.fadeOut()がdisplay: noneを追加するというだけの理由.fadeIn()と.fadeOut()上.animate()を使用することをお勧めします。

あなたが始めるのに役立つかもしれない.animate（）ページ上のコードのこのブロック...ユーザーがページにそれらを取る以外のリンクを（クリックしたときに何かが起こる有する点で

$('#clickme').click(function() { 
    $('#book').animate({ 
    opacity: 0.25, 
    left: '+=50', 
    height: 'toggle' 
    }, 5000, function() { 
    // Animation complete. 
    }); 
}); 

）、あなたはevent.preventDefault()を使いたいと思うでしょう。

Answer 3

$(document).ready(function() { 

    $('#object').animate({opacity: 0.00}, 1).animate({opacity: 1.00, left: 50}, 'slow'); 

    $('#click').click(function(){ 

     var left = parseInt($('#object').css('left')); 

     $('#object').animate({opacity: 0.00, left: (left + 50)}, 'slow'); 
    }); 
}); 

ライブデモ：http://jsfiddle.net/imoda/sKqnS/7/