jqueryの便利なエフェクト
show()
hide()
は引数の設定がてきる
引数を、つけないと
アニメーション効果はなしで即座に表示になります
書式は
$(“CSSセレクタ”).show(duration, easing, callback);
$(“CSSセレクタ”).hide(duration, easing, callback);
引数の意味は
duration
アニメーションの速度の指定
slow
fast
ミリ秒単位の中から指定
easing
アニメーションの加速!減速の指定
linear
もしくはswingを指定
callback
アニメーションが終了したときに行う処理の指定となります
show() hide()以外にも様々なエフェクトがあり
引数は同じ用なものが指定できます
toggle()
隠れていれば表示、表示されていたら隠す
fadein()
フェードイン
透明なオブジェクトを段々と濃くしていきます
fadeOut()
フェードアウト
濃いオブジェクトを徐々に薄くしていきます
fadeToggle()
消えているオブジェクトはフェードインして表示
表示されているオブジェクトは消す
slideDown()
上から下へスライドして表示
slideUp()
下から上へスライドして隠す
slideToggle()
表示されているオブジェクトはスライドして隠し
隠れているなら表示する