HTMLページ間で遷移する方法

Question

現在、私はウェブサイト上のページ間を遷移させようとしています。

例：ユーザーがwww.example.com/Aboutにアクセスし、www.example.com/Contactにアクセスするリンクをクリックした場合、aboutページが左側に飛び出し、連絡先ページは右から飛ぶ。

私がオンラインで見つけたのは、ハッシュタグ付きの同じページでこれを行う方法でした。しかし、私は別のページでこれをやりたい

は可能ですか？
もしそうでない場合、代替方法とその方法はありますか？

[OK]を

UPDATEので、私は少しより多くの研究を行なったし、私は私が探しているものを行うように見えたbarba.js（http://barbajs.org）と呼ばれるこの事を発見しました。だから私はjsスクリプトファイルをインストールしたサイトの指示に従って...それは動作しませんでした！それは私のページを正しくロードしていないし、それがやろうとしていたことをしていない。誰でも私がこれをどのように使うことができるか（barba.jsよりも良い選択肢があるかどうか）知っています。

-Thanks！

Answer 1

純粋なhtml & jsでは、アンカーではないリンクをクリックするたびにページ全体を読み込むので、これを行うことはできません。

ページの一部だけをロードし、そのためのAjaxとJS

でお好みのトランジションを適用しかし、最終的には、あなたが本当にページからページへの切り替えが、唯一の負荷はありませんすることができしかし

更新したい部分。これは、...ここで

はここでjsの純粋な例 http://www.w3schools.com/js/tryit.asp?filename=tryjs_ajax_first

であるあなたが話しているjQueryの例http://www.w3schools.com/jquery/ajax_ajax.asp

Answer 2

で作業しているどのように反応するか、フロントエンドのフレームワークの角のような近代的な程度であり、ページ遷移です通常、ハードリフレッシュがないSPA（シングルページアプリケーション）で発生します。

SPAアプリケーションで作業していない場合は、リンク/ボタンをクリックして別のページに移動し、ハードリフレッシュが発生するとは思わないでしょう。

jvascriptとusu-routerの有名なspa/mvcフレームワークの1つをanglejsで選択して、あるページから別のページに移動することができます。あなたが探検できる他にも多くのものがあります。