keibontrakunのブックマーク - はてなブックマーク

keibontrakun id:keibontrakun

ブックマーク / semooh.jp (4)

hover(over, out) - jQuery 日本語リファレンス
マウスホバーの動きをシミュレートします。マウスカーソルが要素の上に乗った時に、第一引数に渡した関数を実行します。マウスが要素から外れた時には第二引数が実行されます。要素内にある他の要素上にマウスカーソルが入った場合にも、マウスは”out”にならず、”over”のままです。例えばAというdiv内にBというimgがある場合、B上にカーソルが入ってもAのoutは発生しません。これはdivのmouseoutイベントを用いた場合とは違う動作になるので注意してください。
keibontrakun 2010/12/08
JavaScript
リンク
animate(params, [duration], [easing], [callback]) - jQuery 日本語リファレンス
自分で独自のアニメーション効果を作成するための関数です。この関数でポイントになるのは、style属性の変化です。例えば”height”,”top”,”opacity”のようなstyleを、どのような値で完了させたいかを渡してやることで現在の値から変化させていきます。 ※ これらの値は、キャメルケースで表記されなければなりません。例えばmargin-leftは、marginLeftのように記述します。例えば現在のheightが10pxで、animate関数に{height: “100px”}と渡した場合、高さが10pxから100pxに徐々に変化していく効果が得られます。これは数値のみに適用されますが、それ以外にも” hide”,”show”,”toggle”などの文字列が指定された場合にも、対応した効果を作成してくれます。そもそも数値型の値をとらない属性（backgroundColor
keibontrakun 2010/11/30
JavaScript
リンク
jQuery Easing - jQuery 日本語リファレンス
Easing/jQuery easingとは、エフェクトの動きを加速/減速させるための関数です。例えばフェードアウトの動きを考えたとき、通常は透明度の変化量は経過時間に対して線形です。全体で1秒かかって消える処理であれば、0.5秒経過時の透明度は0.5になります。しかし、ここでeaseInQuadの動きを適用すると、変化量は線形ではなく2次関数の曲線になります。（下記サンプル参照）そのため、最初はゆっくりと薄くなっていき、後半に急激に消えていくような効果が得られます。特別なことをしなくても使うことの出来るeasingは"linear"と"swing"の2種類だけですが、プラグインなどを入れることで多くのeasingを利用することができます。このeasingプラグインでは、version 1.3時点で32パターンが提供されています。これ以外にもeasingは比較的容易に自作するこ
keibontrakun 2010/11/29
JavaScript
リンク
jQuery逆引きリファレンス - jQuery 日本語リファレンス
jQuery日本語リファレンス jQuery does not mean Japanese Query... ヌー jQuery逆引きサンプル集基本 jQueryを使い始めるには prototype.jsと同時に使うにはセレクターで要素を選択するインターフェース開閉式のメニューを作る現在のページへのリンクをハイライトするフォーカス時に全選択状態になるテキストエリアを作る非フォーカス時にヒントの表示されるテキストボックスデザイン一行おきにテーブル行の色を変える iframeの高さをコンテンツにあわせる全てのスタイルを無効にするプラグインスピンボタンを作る © Copyright 2009 by semooh.jp | Design by Free CSS Templates - Thanks to Dubai Apartments
keibontrakun 2010/11/29
JavaScript
リンク
1