jQueryのUIのAPI - .effect（）

カテゴリ

特殊効果（エフェクト） | エフェクトコア（コアエフェクト） | メソッド（方法）

使用法

説明：アニメーション効果の要素の応用。

戻り値： jQueryの

.effect( effect [, options ] [, duration ] [, complete ] )

参数	类型	描述	默认值
effect	String	一个字符串，指示要使用哪一种特效。
options	Object	特效具体的设置和 easing 。
duration	Number 或 String	一个字符串或一个数字，指定动画将运行多久。	400
complete	Function()	一旦动画完成时要调用的函数。

.effect( options )

参数	类型	描述
options	Object	所有的动画设置。唯一一个必需的属性是 effect。 effect 类型：String 描述：一个字符串，指示要使用哪一种特效。 easing （默认值： `"swing"` ）类型：String 描述：一个字符串，指示要使用的 easing 函数。 duration （默认值： `400` ）类型：Number 或 String 描述：一个字符串或一个数字，指定动画将运行多久。 complete 类型：Function() 描述：一旦动画完成时要调用的函数。 queue （默认值： `true` ）类型：Boolean 或 String 描述：一个布尔值，指示是否将动画放在特效队列中。如果是 false，动画将立即开始。自 jQuery 1.7 起，queue 选项也接受一个字符串，在这种情况下，动画添加到由字符串表示的队列中。

.effect()メソッドは、アニメーション名前付き要素に適用される効果を。多くの特殊効果は、これらのことができ、表示または非表示モードをサポートしています.show() .hide()と.toggle()メソッドを完了するために。

例

リバウンド効果（バウンス効果）のために本部アプリケーション。

<！DOCTYPE HTML>
<HTML LANG = "EN">
<ヘッド>
  <メタ文字セット= "UTF-8">
  <タイトル> .effect（）デモ</タイトル>
  <リンクのrel = "スタイルシート"のhref = "// code.jquery.com/ui/1.10.4/themes/smoothness/jquery-ui.css">
  <スタイル>
  div要素{
    幅：100ピクセル;
    高さ：100pxに。
    背景：#CCC;
    国境：1pxの固体＃000;
  }
  </スタイル>
  <SCRIPT SRC = "// code.jquery.com/jquery-1.10.2.js"> </スクリプト>
  <SCRIPT SRC = "// code.jquery.com/ui/1.10.4/jquery-ui.js"> </スクリプト>
</ HEAD>
<ボディ>
 
<P>特殊効果の適用の任意の場所をクリックします。 </ P>
<DIV> </ DIV>
 
<スクリプト>
$（ドキュメント）.click（関数（）{
  $（ "本部"）.effect（「バウンス」、「遅いです」）。
}）;
</スクリプト>
 
</ BODY>
</ HTML>

前：jQueryのUIのAPI -イージング

次へ：jQueryのUI API -爆発エフェクト（効果を爆発）

jQuery UI コース

jQuery UI テーマ

jQuery UI コンポーネントライブラリ

jQuery UI リファレンスマニュアル

jQuery UI 例

jQueryのUIのAPI - .effect（）

カテゴリ

使用法

例