0

我有一个页面，其中有三个面板...左面板，中面板，右面板...我的问题是这个...我的中心面板中有一个链接，该链接指向另一个页面...但是我希望新页面显示在中心面板中，条件是左右面板应保持原样......我可以在中心面板中显示第二页，但我无法阻止左右面板...

我的代码：

<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>
4

1 回答 1

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是我所有内容页面的内容。

或者您可以只更改对象的源文件！

希望这可以帮助

于 2013-04-04T12:15:02.183 回答