[B! アニメーション][ナビゲーション] NATTIのブックマーク

NATTI id:NATTI

アニメーションとナビゲーションに関するNATTIのブックマーク (2)

[JS]ホバー時に浮かぶエフェクトがとってもリアルなスクリプト
ホバー時に浮かぶエフェクトがとってもリアルなスクリプトをAdrian Pelletierから紹介します。 Create a Realistic Hover Effect With jQuery demo デモはReflection（鏡面反射）とShadow（影）の二種類があり、それぞれホバーして浮かんだ際、鏡面反射と影が距離に合わせてサイズが変わります。スクリプトのベースにはjQueryが使用されているため、実装にはjquery.jsが必要です。
NATTI 2009/07/10
ajax

アニメーション

ナビゲーション

ライブラリ

javascript

jquery
リンク
[JS]クロスブラウザ対応、背景をアニメーションで変更するスクリプト -Blend
jQuery Blend demo デモではCSSのみの動作と比較して、ふわっと光るように背景が変更するエフェクト、アニメーションが繰り返すループモード、オンとオフが入れ替わるリバースモードが楽しめます。実装方法は簡単で、背景の変更はスタイルシートで行い、jQueryとBlendを外部ファイルとして下記のスクリプトを記述します。 <textarea name="code" class="js" cols="60" rows="5"> $(document).ready(function(){ $("#demo a").blend(); }); </textarea>
NATTI 2009/07/10
アニメーション

ajax

ナビゲーション

javascript

jquery
リンク
1

お知らせ

もっと読む

公式Twitter

@HatenaBookmark
リリース、障害情報などのサービスのお知らせ
@hatebu
最新の人気エントリーの配信

キーボードショートカット一覧

j次のブックマーク

k前のブックマーク

lあとで読む

eコメント一覧を開く

oページを開く

設定を変更しましたx