彼はこの効果に iframe を使用しましたか?

彼はこの効果に iframe を使用しましたか?
彼はこの効果に iframe を使用しましたか?

下の図のように、左側のタイトルをクリックすると右側に内容が表示されましたが、V9のコードを見るとiframeが表示されませんでした。これはどのように実装されているのかお聞きしたいです。 PHP で iframe が使用されていない場合

iframe?PHP?

共有先:
-----解決策---------
は div HTML5であればジャンプせずにアドレスバーだけを修正することもできます

-----解決策-------このテンプレートを見てください。更新されていないように見えますが、実際には更新されていますが、ページのスタイルはほぼ同じです

{template 'member', 'header'}<br />
<div id="memberArea"><br />
{template 'member', 'left'}<br />
<div class="col-auto"><br />
<div class="col-1 "><br />
<h6 class="title">发送短消息</h6><br />
<div class="content"><br />
<form name="myform" action="{APP_PATH}index.php?m=message&c=index&a=send" method="post" id="myform"><br />
<table width="100%" cellspacing="0" class="table_form"><br />
    <tr><br />
       <th>收信人：</th><br />
       <td><input name="info[send_to_id]" type="text" id="username" size="30" value=""  class="input-text"/> </td><br />
     </tr><br />
     <tr><br />
       <th>标 题：</th><br />
       <td><input name="info[subject]" type="text" id="subject" size="30" value=""  class="input-text"/></td><br />
     </tr>  <br />
     <tr><br />
       <th>内 容：</th><br />
       <td><textarea name="info[content]"  id="con" rows="5" cols="50"></textarea></td><br />
     </tr><br />
     <tr><br />
       <th>验证码：</th><br />
       <td><input name="code" type="text" id="code" size="10"  class="input-text"/> {form::checkcode('code_img','4','14',110,30)}</td><br />
     </tr><br />
     <tr><br />
       <td></td><br />
       <td colspan="2"><label><br />
         <input type="submit" name="dosubmit" id="dosubmit" value="确 定" class="button"/><br />
         </label></td><br />
     </tr><br />
   </table><br />
   </form><br />
   </div><br />
   <span class="o1"></span><span class="o2"></span><span class="o3"></span><span class="o4"></span><br />
   </div><br />
   </div><br />
</div>

-----解決策--------------------------------最初に JS CSS を学ぶことをお勧めします。 div の基礎。そうしないと、明確に説明するのが難しいでしょう。

コードだけを見る場合は、こちらを参照してください
http://www.codefans.net/jscss/code/443.shtml

e226c0cc2468b2ed8c72dcdbd9ef7389
6cf9a575e463c819cbb258aaf30ca23b
36fc0da5a553527cb1d2a9551dbb853b
b2386ffb911b14667cb8f0f91ea547a7CSS js で実装されたバックエンド管理メニュー6e916e0f7d1e588d4f442bf645aedb2f
080b747a20f9163200dd0a7d304ba388
本文{font-size:12px;}
ul,li,h2{マージン:0;パディング:0;}
ul{リストスタイル:なし;}
#top{幅:900px;高さ:40px;マージン:0 自動;背景色:#cc0}
#top h2{幅:150px;高さ:40px;背景色:#9c0;float:left;font-size:14px;text-align:center;line-height:40px;}
#topTags{幅:750px;高さ:40px;margin:0 auto;background-color:#cc0;float:left}
#topTags ul li{float:left;width:100px;height:25px;margin-right:5px;display:block;text-align:center;cursor:pointer;padding-top:15px;}
#main{幅:900px;高さ:500px;マージン:0 自動;背景色:#F5F7E6;}
#leftMenu{幅:150px;高さ:500px;背景色:#009900;float:left}
#leftMenu ul{margin:10px;}
#leftMenu ul li{幅:130px;高さ:30px;表示:ブロック;背景:#9c0;カーソル:ポインター;行の高さ:30px;テキストの配置:センター;マージン-ボトム:5px;}
#leftMenu ul li a{color:#000000;text-decoration:none;}
#content{幅:750px;高さ:500px;float:left}
.content{幅:740px;高さ:490px;表示:なし;パディング:5px;overflow-y:auto;line-height:30px;}
#フッター{幅:900px;高さ:30px;マージン:0 自動;背景色:#ccc;行の高さ:30px;テキスト配置:センター;}
.content1 {幅:740px;高さ:490px;表示:ブロック;パディング:5px;オーバーフロー-y:自動;行の高さ:30px;}
531ac245ce3e4fe3d50054a55f265927
055d9d5ff16d85d950bd3dee4f983fb7
window.onload=function(){
function $(id){return document.getElementById(id)}