jQuery

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

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

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

サンプルソース

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

実行サンプル

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

ここが変わります。

解説

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

スポンサーリンク

スポンサーリンク

-jQuery
-

執筆者:


comment

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

関連記事

[jQuery] テーブルの行を追加・削除するサンプル

jQueryでテーブル行を動的に追加・削除するサンプルです。 サンプルソース 例)ボタンを押すと行追加、行クリックで行削 ...

[jQuery] フォーカス時に文字を全選択状態にする

フォーカス時に文字を全選択状態にするサンプルです。 サンプル 例)テキストボックスにフォーカスを当てると全選択状態となる ...

[jQuery] ページロード完了時に処理を行う

ページロード完了時に処理を行うには、readyを使います。 サンプル 例)ページロード完了時にアラートを表示する [cr ...

[jQuery] サブミットイベントを取得する(.submit)

jQueryでsubmitイベントを取得するサンプルです。 サンプルソース 例)submit時、テキストボックスがブラン ...

[jQuery] 要素のコピーを作成する(.clone)

要素のコピーを作成するには、.cloneを使用します。 サンプルソース 例)要素(id="d1")をコピーして、要素(i ...

スポンサーリンク