前の記事 ≪:可愛いイラストが詰まったフォント集「AK-MyBaby」
次の記事 ≫:2008年7月25日 管理人のブックマーク

メニュークリックでコンテンツをダイナミックにスライドさせるJSサンプル

2008年07月25日-はてなブックマーク

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

jQuery Content Slider Tutorial

メニュークリックでコンテンツをダイナミックにスライドさせるJSサンプル。
ナビゲーションメニューをクリックで、コンテンツブロックをズイっとアニメーションさせながら切り替えるサンプルです。

デモページ を見るとその動きが分かります。


ウェブサイトのヘッダー部分に置いておくと、カッコいいだけでなく、ページ遷移なしでヘッダー部分を切り替えることが可能です。
企業用のページなんかでよくある構成ですが、そういったサイトの制作時に使えそうですね。

jQueryベースで動作するみたい。

関連の記事検索:jQuery, Ajax, menu
スポンサード リンク

By.KJ : 2008年07月25日 12:08 livedoor Readerで購読 Twitterに投稿

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