jQueryオーバーレイの効果

Question

誰でも、jQueryツールにいくつのエフェクトがありますか？それは何ですか？ このリンクではeffects listを検索していますが、何も表示されません。おかげ

Answer 1

ここ

カスタムオーバーレイ効果のカスタムオーバーレイ効果が $ .tools.overlay.addEffect方式で行われ、私はコピーどのような場合には、説明のために、このlinkを見て、貼り付けます。最初の引数は という名前のエフェクトで、2番目の引数はオーバーレイの表示方法を定義する関数で、3番目の引数はオーバーレイの終了方法を定義します。 の内部では、この変数はオーバーレイAPIへの参照です。

ローディング関数は2つの引数を受け取ります。最初の引数css は、設定で与えられたtopプロパティとleftプロパティを定義します。 第2引数は、 の読み込みエフェクトを実行した後に呼び出さなければならないコールバック関数です。

// loading animation 
$.tools.overlay.addEffect("drop", function(css, done) { 

    // use Overlay API to gain access to crucial elements 
    var conf = this.getConf(), 
     overlay = this.getOverlay();   

    // determine initial position for the overlay 
    if (conf.fixed) { 
     css.position = 'fixed'; 
    } else { 
     css.top += $(window).scrollTop(); 
     css.left += $(window).scrollLeft(); 
     css.position = 'absolute'; 
    } 

    // position the overlay and show it 
    overlay.css(css).show(); 

    // begin animating with our custom easing 
    overlay.animate({ top: '+=55', opacity: 1, width: '+=20'}, 400, 'drop', done); 

    /* closing animation */ 
    }, function(done) { 
     this.getOverlay().animate({top:'-=55', opacity:0, width:'-=20'}, 300, 'drop', function() { 
     $(this).hide(); 
     done.call();  
     }); 
    } 
); 

Answer 2

は実際にあなたがあなた自身を書くことができるような効果の数に制限があります。..

を参照してくださいは、カスタムエフェクトを作りたい場合は、$を使うべき

は、カスタムエフェクト を作る...]リンクを供給しました.tools.overlay.addEffectメソッド。このメソッドは「静的」です。つまり、オーバーレイAPI（またはインスタンス）が既にロードされている必要はありません。オーバーレイが初期化される前にエフェクトを追加できます。