ナビゲーションのスライド移動

質問

http://portfolio.css-eblog.com/

上記サイトのように、ページ遷移する際にナビゲーションの位置がスライドしながら
移動する仕組みをjQueryで作りたいです。
何か参考になるソースやプラグインはないでしょうか？

回答No.2

tracer · ベストアンサー

Ajaxをご存知でしたら、そんなに難しいことないと思いますよ。
基本的に、やってることは、HTML/CSSをJavaScriptで操作しているだけなので。

・JavaScirptのごく一般的な文法(ifとかforとか)
・jQueryの一般的なメソッド(animateとかajaxとか)
・HTML/CSSでできること

たぶん、これぐらい知っていれば十分です。いってみれば初級だと思いますよ。まずは、何が分からないのかを突き止めるのが先決ですね。分からないことが明白になれば、我々も回答がしやすいです。
何か参考になるソースやプラグインという回答になっておらず、申し訳ないですが。

お礼

楽しようとしたらだめですよね。

(1)ナビゲーションがクリックされたら
(2)ナビゲーションの位置を下部に
(3)隠しておいたコンテンツを表示

のような流れでしょうか。
(2)で少しつまずきそうですが、とりあえずやってみます。

回答No.1

tracer

例のサイトはそもそもURL遷移してないです。
こういう仕組みをAjaxと言います。
ナビゲーションをスライドさせるとか、その辺はまた別の技術です。
まずはAjaxから検索してみてください。

あと、参考にされたサイトは、URLハッシュの管理がされていないので、いわゆるブラウザの「戻る」「進む」で、致命的な欠陥があります。

お礼

URL遷移と書いたのは誤りでした。
Ajaxを使用していることは理解した上での質問です。

スライドショーやタブメニューを導入する程度なら、今までネット上のプラグインを
カスタマイズするぐらいで出来ていたのですが、このレベルになるとAjaxやjQueryに関して
もっと深い理解が必要になるのでしょうか…