• ベストアンサー

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

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

質問者が選んだベストアンサー

  • ベストアンサー
  • tracer
  • ベストアンサー率41% (255/621)
回答No.2

Ajaxをご存知でしたら、そんなに難しいことないと思いますよ。 基本的に、やってることは、HTML/CSSをJavaScriptで操作しているだけなので。 ・JavaScirptのごく一般的な文法(ifとかforとか) ・jQueryの一般的なメソッド(animateとかajaxとか) ・HTML/CSSでできること たぶん、これぐらい知っていれば十分です。いってみれば初級だと思いますよ。まずは、何が分からないのかを突き止めるのが先決ですね。分からないことが明白になれば、我々も回答がしやすいです。 何か参考になるソースやプラグインという回答になっておらず、申し訳ないですが。

25taku
質問者

お礼

楽しようとしたらだめですよね。 (1)ナビゲーションがクリックされたら (2)ナビゲーションの位置を下部に (3)隠しておいたコンテンツを表示 のような流れでしょうか。 (2)で少しつまずきそうですが、とりあえずやってみます。

その他の回答 (1)

  • tracer
  • ベストアンサー率41% (255/621)
回答No.1

例のサイトはそもそもURL遷移してないです。 こういう仕組みをAjaxと言います。 ナビゲーションをスライドさせるとか、その辺はまた別の技術です。 まずはAjaxから検索してみてください。 あと、参考にされたサイトは、URLハッシュの管理がされていないので、いわゆるブラウザの「戻る」「進む」で、致命的な欠陥があります。

25taku
質問者

お礼

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

関連するQ&A

専門家に質問してみよう