如何在整个应用程序中使面板保持不变

时间:2013-04-04 11:44:07

标签: css html

我有一个页面,我有三个面板...左面板,中心面板,右面板......我的问题是这个...我的中心面板中有一个链接,该链接转到另一个页面.. 。但我希望新页面显示在中央面板中,条件是左右面板应保持原样...我能够在中心面板中显示第二页但我无法阻挡左侧和右小组......

我的代码:

<div id="wrapper">
    <div id="centerPanel">
       center panel
       <a href="<s:url action="ViewAppeals"/>">View Appeals</a>
   </div>
</div>

<div id="leftPanel">
   leftpanel
</div>

<div id="rightPanel">
   rightpanel
</div>

1 个答案:

答案 0 :(得分:0)

这是一种做法,虽然它可能不是你想要的。

我为每个页面制作了一个div,内容如下:

<div id="pagewrap" style="">
    <!---------------Home Page--------------->
    <div id="Content1"> 
        <object id="dHome" data="home.html" style="overflow:hidden;margin:5px;">
        </object>
    </div>
    <!----------------Gallery Page--------------->
    <div id="Content2"> 
        <object id="dGallery" data="gallery.html"> 
        </object>
    </div>
</div>

依旧......

如上所示,我使用对象作为我的页面来加载外部html数据。

我将包装器的宽度 - pagewrap设置为所有页面宽度的总和,并使用Jquery向左或向右移动页面,具体取决于单击的按钮。

以下是向右分页时的代码:

$('#pagewrap').animate({'marginLeft' : "-=650px"},200);

并离开:

$('#pagewrap').animate({'marginLeft' : "+=650px"},200);

以上650px是我所有内容页面的内容。

  

或者您只需更改对象的源文件!

希望这会有所帮助