*

透明度を少しづつ変更する fadeTo()

公開日: : 最終更新日:2015/08/03 jQuery

fadeTo()は、セレクターで指定した要素の
透明度(CSSのopacityプロパティ)を、設定した値にまで少しづつ
変更する命令です。括弧内には、スピード、透明度、コールバック関数を
指定します。透明度は0(非表示)~1(表示)の数値を指定できます。

fadeOut(“slow”)とfadeTo(“slow”,0)との違って

fadeOut(“slow”)は最終的に透明度を0にして、
displayプロパティを「none」にします。

fadeTo(“slow”,0)は、最終的にopacityプロパティの値を0に
するだけです。displayプロパティは「block」のままです。

実行結果はこちらです。
透明度をボタンを押すことにより変更します。

スポンサードリンク

関連記事

catejQuery

フォーム関連のイベント処理

フォーカスを感知する focus() focus()は、input要素などのフォーム部品が マウ

記事を読む

catejQuery

属性値の変更・取得・削除、要素の置き換え

jQueryはHTMLの要素だけではなく、属性に設定されている値を 変更したり、取得出来たりします

記事を読む

catejQuery

ボタンを回転させて表示する。

ブラウザの上部からぶら下がっているボタンです。スクロールが停止した後、一定時間おいて回転しながら現れ

記事を読む

catejQuery

表示中の要素を非表示にする hide()

hide()は、show()の逆の命令です。 表示されている状態(display:block)のH

記事を読む

catejQuery

jQueryのセレクター1 odd/even/first/lastセレクター

CSSの箇所でselectorを取り上げましたが、 jQuery独自のセレクターがあるので 何回

記事を読む

catejQuery

他の要素を包む

指定した要素を追加するのではなく、 指定した要素を包むこと(ラップ)ができます。 各要素を指

記事を読む

jQuery

タブを作成して、空間を最大限に使う

今回はパネルを使って、複数のコンテンツを1つのエリアに配置して、ブラウザ上部に設けたタブをクリックす

記事を読む

catejQuery

マウスの動きに合わせて処理を行うmousemove()

この命令は、特定の要素上でマウスカーソルが 動いたときに処理を行います。 mousemove

記事を読む

jQuery

Masonryのギャラリーの画像をクリックすると、画像が拡大し、キャプションがでるようにしてみる

前回の記事でMasonryのギャラリーを作成しましたが、今回はそれに、見出しをつけてみます。 サン

記事を読む

catejQuery

パンくずメニューをスライドさせて表示させる。

今回作成するのは、 パンくずリストに動きをつけて表示させる jQueryを作成します。 サ

記事を読む

スポンサードリンク

Message

メールアドレスが公開されることはありません。

CAPTCHA


次のHTML タグと属性が使えます: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code class="" title="" data-url=""> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong> <pre class="" title="" data-url=""> <span class="" title="" data-url="">



スポンサードリンク

jQueryMobile
トグルスイッチを設定する

トグルスイッチ(toggle switch)とは、〇型のつまみを左右に

jQueryMobile
項目選択の複数ウィジェットをグループ化する

年月日など、複数のリストから同時に選択したいとき、ウィジェットのグルー

jQueryMobile
<select>により項目選択

ボタンによる選択では、1つの項目だけ選択するか、複数を同時に選択するか

jQueryMobile
値を選択するボタンを表示する

値を選択するボタンは以下の2つがあります。 ・複数の値から1つだ

jQueryMobile
ボタンを設定する

前回の記事では<a data-role="button">

→もっと見る

  • スポンサーリンク

PAGE TOP ↑