画面外からニョキっとスライドしてくるエフェクト

Tweet

Category JavaScript / Tagged jQuery 2011/12/28

ちょっと注目してほしいアラートや誘導に使えます。

Ajaxで非同期でデータを更新した後、「更新しました！」などの情報を表示したり。

上からでてくるのはiOSの通知センターみたいですね。

jQueryではanimateという動きを指定できる機能が用意されていますのでそれを利用します。
jQuery:animateでスライドエフェクト

CSS3が使えるブラウザだとanimateを使わなくても(つまりjQueryいらず)実装できます。
(Firefox,google Chrome,safariで閲覧してください。IEだとアニメーションしません)
CSS3でスライドエフェクト

jQuery単体ではできない背景色の変化もCSS3では行うことができます。