jQuery

透明度をあやつる jQueryのコード

fadeto 各要素の透明度を、指定した値まで徐々に変化させる効果です。 半透明にしたい時ってけっこうあるもんですよ。 演出上使いどころはあると思います。
1
fadeTo(speed, opacity, [callback]);
  • 【speed】アニメーション効果のスピード指定
  • 指定は以下のようにざっくり設定できることができます。
    1. ”slow”
    2. ”normal”
    3. ”fast”
    ミリ秒でも指定が可能ですよ。
    • 1秒=1000
    • 2.5秒=2500
    スピードの指定を「0」にすると即時反映です。
  • 【opacity】透明度の指定
  • 以下のような感じですね。
    • 1=100% 完全に見える
    • 0.5=50% 半分見えてる
    • 0=0% 見えない
  • 【callback】効果が完了したあとに呼び出される関数を指定可能
  • これは省略できます。
例えば以下のような指定なら、bk2という要素がゆっくりとフェイドインしてくるってわけですね。
1
$(#bk2).fadeTo("slow", 1);
fadeTo(speed, opacity, [callback]) – jQuery 日本語リファレンス
こちらを参考にさせていただきました。

関連記事

  1. duration.jpg

    jQuery

    jQueryの「duration」ってホントは何秒なんだよ、をちょっと解決

    jQueryのアニメーションではdurationを設定できます。…

  2. 20130824083407.jpg

    jQuery

    ChromeでjQueryの「ソースマップ」読み込みがエラーを起こしていた件

    Chromeでwebアプリのデバッグ中に以下のようなエラーがいきなり出…

最近の記事

  1. 【無印良品】ゴールデンウィーク中のご飯にレトルト買い込み!
  2. 世代ど真ん中だった!!『週刊少年ジャンプ展 vol2』
  3. デジタル通貨を買ってみた記録!とりあえず元は取っている!
  4. 【コレクション】カードダス:SDガンダム外伝シリーズ
  5. 懐かしい!!カードダスSD戦国伝!!
  6. 【無印良品】作り置きに欠かせない!バルブ付き密閉保存容器
  7. 【UNIQLO】冬のジム通いにブロックテックフリースパーカをお得に購入!!
  8. 【UNIQLO】冬のジム通いにブロックテックフリースパンツをお得に購入!!
  9. 【UNIQLO】ユニクロ誕生感謝祭で買いだめ!
  10. 便利すぎる!買ってよかったキッチンツール「キッチンペーパーハンガー」

アーカイブ

  1. 【IKEA】旅行のパッキングに最適♪ 「UPPTACKA(ウップテカ)パッキングバッグ4個セット」

    IKEA

    【IKEA】旅行のパッキングに最適♪ 「UPPTACKA(ウップテカ)パッキング…
  2. bttf.jpg

    LEGO

    LEGO CUUSOO第4弾「デロリアン」のプロダクトモデルがちらり!
  3. augm_tokyo_banner_m

    イベント

    AUGM Tokyo 2010でゼンハイザー「MM50 headset for …
  4. 日常

    「クリエイターが語る紙とデザインの可能性」
  5. 日常

    肝機能検査:要経過観察
PAGE TOP