jQuery animiteを無駄に繰り返させない方法。animate停止中の要素のみ実行。 | Stronghold Archive
jQuery animiteを無駄に繰り返させない方法です。 animateは結構便利なので使いがちですが 落とし穴もあります。。。 ホバーやクリックを繰り返したら繰り返した分だけアニメーションが実行されたり またscrolltoであっちに行ったりこっちに行ったり…挙動がおかしかったり。 そんな時に役に立つのが animate停止中の要素のみ取り出す$(this).not(“:animated”)の記述です。 例 <script type="text/javascript"> $(document).ready(function(){ $("ul.example li a").hover( function () { $(this).not(":animated").animate({"opacity":"1"},"slow"); }, function () { $(this).anim
jQuery ウィンドウ全画面や特定要素サイズに合わせて背景画像を設置する素晴らしいプラグイン【BACKSTRETCH】 | Stronghold Archive
どうもこんばんは。Toshikuraです。今回のTipsは【jQuery ウィンドウ全画面や特定要素サイズに合わせて背景画像を設置する素晴らしいプラグイン【BACKSTRETCH】】です。フルスクリーン（背景全画面）に画像を配置するプラグインは数々ございますが多機能で設定が面倒だったり、若干動きが不安定だったり、重かったりと選択に悩みます…。単純に特定要素の背景全画面に画像を配置するだけのプラグインでしたらこの【BACKSTRETCH】が軽量かつ簡易と一番のオススメです。 BACKSTRETCH ダウンロードページ ウィンドウ全画面への実装 実装方法は至ってシンプルです。まずはウィンドウの背景全画面に画像を配置します。 読み込み <script src="js/jquery-1.X.X.min.js"></script> <script src="js/jquery.backstretch
jQuery .not()と:not()の色々な使い方 | Stronghold Archive
どうもこんばんは！ jQueryの中でも結構便利なのが 特定の要素以外を操作できる.notや:notです。 今回はそのマトメとして基本的な使い方~便利な使い方までを記しておきます。 指定した最初の要素以外 $(‘#ex1 ul li:not(:first)’).css({‘opacity’:’0.2′}); $(‘#ex4 ul li’).not(‘:first’).css({‘opacity’:’0.2′}); 兄弟関係にある指定した最初の要素以外 $(‘#ex2 ul li:not(:nth-child(3n-2))’).css({‘opacity’:’0.2′}); [/html] <h4 class="hand3">特定のclassを含んだもの以外</h4> <img src="https://zxcvbnmnbvcxz.com/wp/wp-content/uploads/2012
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
