他这个成效是用了iframe框吗

WBOY

发布： 2016-06-13 12:37:12

原创

803 人浏览过

他这个效果是用了iframe框吗？
他这个效果是用了iframe框吗？

如下图我点击左边的标题，内容就在右边显示，但我看了V9的代码都没有看到iframe框,我想问一下如果不是用iframe框，那这个在PHP里是怎么实现的

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

nbsp;html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><br>
<br>
<br>
<meta><br>
<title>CSS+js实现的后台管理菜单</title><br>
<style><br />
body{font-size:12px;}<br />
ul,li,h2{margin:0;padding:0;}<br />
ul{list-style:none;}<br />
#top{width:900px;height:40px;margin:0 auto;background-color:#cc0}<br />
#top h2{width:150px;height:40px;background-color:#9c0;float:left;font-size:14px;text-align:center;line-height:40px;}<br />
#topTags{width:750px;height:40px;margin:0 auto;background-color:#cc0;float:left}<br />
#topTags ul li{float:left;width:100px;height:25px;margin-right:5px;display:block;text-align:center;cursor:pointer;padding-top:15px;}<br />
#main{width:900px;height:500px;margin:0 auto;background-color:#F5F7E6;}<br />
#leftMenu{width:150px;height:500px;background-color:#009900;float:left}<br />
#leftMenu ul{margin:10px;}<br />
#leftMenu ul li{width:130px;height:30px;display:block;background:#9c0;cursor:pointer;line-height:30px;text-align:center;margin-bottom:5px;}<br />
#leftMenu ul li a{color:#000000;text-decoration:none;}<br />
#content{width:750px;height:500px;float:left}<br />
.content{width:740px;height:490px;display:none;padding:5px;overflow-y:auto;line-height:30px;}<br />
#footer{width:900px;height:30px;margin:0 auto;background-color:#ccc;line-height:30px;text-align:center;}<br />
.content1 {width:740px;height:490px;display:block;padding:5px;overflow-y:auto;line-height:30px;}<br />
</style><br>
<script><br />
window.onload=function(){<br />
function $(id){return document.getElementById(id)} <div class="clear">
                 
              
              
        
            </script>

登录后复制