jQuery

[jQuery] フェード処理を行う(.fadeTo)

投稿日:2017年7月17日 更新日:

要素のフェード処理を行うには、.fadeTo()を使用します。

サンプルソース

例)ボタンを押すと、フェード処理を行う

実行サンプル

ボタンを押すと、青い部分の透過率が変わります

ここが変わります。

解説

  • 第1引数にはアニメーションのスピードを文字列または、数値で指定します。
    (文字列:"slow", "normal", "fast"、 数値:ミリ秒 (例:2秒の場合は2000))
  • 第2引数には透過率を指定します。(1.0:透過なし ~ 0.0:全透過)

スポンサーリンク

スポンサーリンク

-jQuery
-

執筆者:


comment

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

関連記事

[jQuery] 右クリックを禁止する

jQueryで右クリックを禁止するサンプルです。 サンプルソース 例)右クリックするとアラートメッセージを表示してメニュ ...

[jQuery] 要素に指定したclassが適用されているか判定する(.hasClass)

要素に指定したclassが適用されているか判定するには、hasClassを使用します。 構文 (構文) $(<セレクタ> ...

[jQuery] 要素の後ろにタグを追加する(.after)

要素の後ろにタグを追加するには、afterを使います。 サンプル 例)ボタンを押すと、要素の後にxyzを追加する [cr ...

[jQuery] 要素をフェードイン、フェードアウトする

要素をフェードイン、フェードアウトするサンプルです。 サンプル 例)ボタンを押すとdiv要素をフェードイン、フェードアウ ...

[jQuery] CSSスタイルを設定する(.css)

jQueryでCSSスタイルを設定するには、.css()を使用します。 構文 セレクタに対してスタイルを指定する(プロパ ...

スポンサーリンク