jQuery

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

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

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

サンプルソース

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

実行サンプル

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

ここが変わります。

解説

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

スポンサーリンク

スポンサーリンク

-jQuery
-

執筆者:


comment

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

関連記事

[jQuery] オブジェクト(連想配列)かどうか判定する($.isPlainObject)

オブジェクト(連想配列)かどうか判定するには、$.isPlainObject()を使用します。 サンプルソース 例)変数 ...

[jQuery] 他要素のイベントを実行する

他要素のイベントを実行するサンプルです。 サンプルソース 例)「ボタン2」をクリックすると、「ボタン1」のクリックイベン ...

[jQuery] 要素の横幅と高さを取得する

要素の横幅と高さを取得するには、outerWidth/outerHeight、innerWidth/innerHeigh ...

[jQuery] フォーカスが当たったイベントを取得する(.focusin)

フォーカスが当たったイベントを取得するには.focusinを使用します。 サンプルソース 例)フォーカスが当たったイベン ...

[jQuery] 要素のテキストに指定文字列が含まれるか判定する(:contains)

要素のテキストに指定文字列が含まれるか判定するには、:containsを使用します。 サンプルソース 例)テキストに"x ...

スポンサーリンク