jQuery

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

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

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

サンプルソース

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

実行サンプル

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

ここが変わります。

解説

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

スポンサーリンク

スポンサーリンク

-jQuery
-

執筆者:


comment

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

関連記事

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

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

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

jQueryでCSSスタイル値を取得したり設定したりするには、.cssを使用します。 サンプルソース 例)ボタンを押すと ...

[jQuery] JavaScriptファイルを非同期で読み込む($.getScript)

JavaScriptファイルを非同期で読み込むには、$.getScript() を使用します。 構文 (構文) $.ge ...

[jQuery] changeイベントを設定する(.change)

jQueryでchangeイベントを記述するサンプルです。 サンプル 例)テキストボックスの値を変更するとアラート表示す ...

[jQuery] 要素まとめて指定したタグで囲う(.wrapAll)

要素まとめて指定したタグで囲うには、.wrapAll()を使用します。 サンプルソース 例)class="d1"の要素を ...

スポンサーリンク