このレイアウトの作り方

このレイアウトはどうやって作るのでしょうか？
この演習を行いたいのですが、Web ページにはナビゲーション バーが 2 つの部分に分かれており、ナビゲーション バーの項目をクリックすると、左側の表示内容が更新されます。左側の項目をクリックすると、右側のコンテンツが更新されます。
左側の div を使用したいのですが、ナビゲーション バーの各項目をクリックすると、左側に対応するコンテンツが更新されます。どうすればよいですか。 ?
もっと良い方法は何でしょうか?


-----解決策---------------------------- -
DIV が多いということは DIV が多いということです。必要なものだけを表示し、使用しないものは非表示にします。
------解決策------
1. 多くの DIV
2.Ajax
------解決策---------
div + ajax をペアにする
------解決策----------------------
ajax は、対話を実現するための Javascript スクリプトの使用を指します。技術。アイデアについては、QQ スペース、iframe+js で実装される csdn フォーラムを参照することも、ajax を直接使用することもできます。 Ajax をお勧めします。どちらの前提条件も、最初に JavaScript を記述できる必要がありますが、少し読めば理解できるでしょう。
------解決策---------
静的コンテンツの一部を表示したい場合は、次のようにします。 div を使用する その場合は、最初にデータを呼び出し、次に表示するコンテンツを処理し、それを非表示にするために CSS を制御するだけです。次に、この部分を表示するために js を介して CSS を変更するだけです。

コンテンツをリアルタイムで更新する必要がある場合、最善の方法は、ajax や jquery.get などの js クラスを使用して処理することです。

もちろん、dom を使用するという最も愚かな方法もあります。
------ソリューション----------------------
フレームワークテクノロジー
------解決策---------
より簡単な解決策は、iframe を使用することです: Right が定義されています
左側のコンテンツがあまりない場合は、ajax コールバックを使用してそれを表示できます。