アニメーション

• 使用例:

    naboo.animate(dom, {      'transform': 'translateX(200px)'
    }, {
        duration: 2000
    }).start();

3) naboo.next()

• 説明: アニメーションが次のステップに入ることができるようにする命令関数。done または register を呼び出す前に next() を呼び出す必要があります。 (プラグインの登録) メソッド。この関数を呼び出した後、この関数は実行されません。完了したアニメーションは引き続き実行され、後続のアニメーションは実行されません。イベント バインディング、この関数を通じてカスタム イベントをバインドできます

• リスト:

• 必須
  説明
• name
  string

です

• fn
• Function
  はメソッドです

  naboo.animate(dom, {      'transform': 'translateX(200px)'
  }, {
      duration: 2000
  }).done(function(next) {
      console.log(1);
      next();
  });

• name
  string

• fn
• 関数
  いいえ

  var instance;
  btnStart.onclick = function () {
      instance = naboo.animate(dom, {
          'transform': 'translateX(200px)'
      }, {
          duration: 2000,
          cb: function() {
              console.log(1);
          }
      }).start();
  }
  btnCancel.onclick = function () {
      instance.cancel();
  }

• 名前
  文字列

• 説明: Naboo の並列プラグイン。複数のアニメーションを同時に実行でき、クラスまたはインスタンス オブジェクトを通じて呼び出すことができます

• パラメータ リスト:

• 使用例:

    var handle = function(event) {
        console.log(event);
    }
    btn.onclick = function () {
        naboo.on("customer", handle);
    }

8) naboo.done(fn)

• 説明: Naboo の Done プラグインは、アニメーション プラグインの後にコールバックするために使用でき、クラスを通じて呼び出すことができます。またはインスタンスオブジェクト;

• 注: ajax リクエストなどの非同期動作がある可能性があることを考慮して、アニメーションの次のステップに入るには、このメソッドで next() を呼び出す必要があります

• パラメータリスト:

• 使用例:

    var handle = function(event) {
        console.log(event);
    }
    btn.onclick = function () {
        console.log('解除事件');
        naboo.off("customer", handle);
    }

追伸: サンプルコードは dom1 のアニメーションが実行された後、dom2 のアニメーションが実行されます

3 クラスの静的メソッド: Naboo.register(name, fn)

• 説明: プラグインの登録animate がニーズを満たせない場合、または Web マスターが呼び出しを容易にするために独自のプラグインをカプセル化する必要がある場合は、このメソッドを使用してメソッドを登録できます

• 注: register fn を実装するときは、 next() を呼び出す必要があります。次のアニメーションを実行します。

は

• プラグイン関数です、プラグインの実行ロジックを定義するために使用されます

  btn.onclick = function () {
      naboo.trigger("customer", {
          a: 1
      });
  }

使用例:		← 他の テンプレート テンプレート → 提出する PHP中国語ウェブサイト ホームページコース記事に質問辞書マニュアルダウンロード検索 APPダウンロード