jQuery の animate の横方向の出現や隠す動作
jQuery の animate の横方向の出現や隠す動作は、width に、show、hide、toggle などを指定することで可能。 指定方法 animate( properties, [duration], [easing], [complete] ) メソッド、もしくは、animate( properties, options ) メソッドの1つ目の引数である properties 内の width: *** に指定する。 toggle toggle を指定。 赤いブロック部分を、クリックすると、グレーのブロック部分が、左方向へ動きながら消える。もう一度、赤いブロック部分を、クリックすると、グレーのブロック部分が、右方向へ動きながら出現。速度( duration )は、slow を指定してある。
jQuery で複数の要素のアニメーションが全て終わったら何かを実行する - ダーシマ・ヱンヂニヤリング
jQuery でたくさんの要素をグリグリ動かしたいときに、完了時刻の違う複数の要素のアニメーションが両方終わった時に何かを実行する、というような処理をしたいと思うことがある。 完了時刻が遅い方のコールバックに処理を書けば、望みのことは出来る。ただ、このようにして書かれたコードは変更に弱いし、見ただけで何をしたいコードなのかがパッと見わからなくなる。 アニメーション完了後に何かをするといえば、慣例的に以下のように書くことがポピュラーである。 $('.target') .animate({ top: '+=100px' }, 500, 'swing', function () { // アニメーション完了後に実行される alert('done!'); }); jQuery 1.6 から、 animate や fadeOut といった処理がキューに入る系のメソッドでは、キューがすべて空っぽになっ
jQueryでページ上の座標（X座標／Y座標）を取得する方法｜BLACKFLAG
Webページ上でカーソル位置やクリックされた位置によって ポップアップを出したりモーダル位置を調整したりツールチップを出したり いろいろと処理を加えることがあると思います。 そんな際のページ上のポイント位置の座標（X座標／Y座標）を取得して 位置を調整する処理方法を簡単に紹介してみたいと思います。 jQueryでページ上の座標（X座標／Y座標）を取得する方法【ページ全体の場合】 ページ上のX座標・Y座標を取得するには —————————– X座標 = e.pageX Y座標 = e.pageY —————————– を使って値を取得することができます。 各座標の値を取得するサンプルとして ページ上のクリックされた位置のX座標／Y座標を取得してみると。 ページ上のクリックされたポイントのX座標／Y座標を取得（別枠で表示されます）※別枠で表示される画面内をクリックしてみてください。 クリックさ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
