前の記事 ≪:facebookのフレンズセレクタ風UIを実装できるjQueryプラグイン「fcbkListSelec...
次の記事 ≫:HTML5&CSS3を利用した美しい40のフリーテンプレート集

ページスクロールでついてくるメニューを実装&色々カスタマイズできるjQueryプラグイン「stickyFloat」

2011年12月05日-はてなブックマーク

スポンサード リンク
[PR] 英単語を忘却曲線アプリを使って超効率よく記憶する方法
stickyFloat | jQuery Plugins

ページスクロールでついてくるメニューを実装&色々カスタマイズできるjQueryプラグイン「stickyFloat」
ページをスクロールするとメニューもスクロールしてくれて別ページに移動しやすいあのUIのアニメーションや遅延のカスタマイズが可能なjQueryプラグインです。
アニメーションの仕方によっては気分が悪くなるというようなケースもあってカスタマイズには注意したいこのUIですが、アニメーションなどを使って利用者の負担にならないものが簡単に実現できそうです



デモサイト上で10種類のアニメーションや遅延、アニメーション時間の設定が可能で、動作を確認しながらカスタマイズ可能です。
Delay・Durationを多めにして適度なタイミングで横に来ているというようなものがベストですかね

実装コードは次のように超簡単です

jQuery('#menu').stickyfloat({duration: 400});

関連エントリ
関連の記事検索:jQuery, ナビゲーション, plugin
スポンサード リンク

By.KJ : 2011年12月05日 09:59 livedoor Readerで購読 Twitterに投稿

間違いの指摘をしていただける方はメール、あるいはTwitter/FBでお願いします(クリック)