我有一个页面,我有三个面板...左面板,中心面板,右面板......我的问题是这个...我的中心面板中有一个链接,该链接转到另一个页面.. 。但我希望新页面显示在中央面板中,条件是左右面板应保持原样...我能够在中心面板中显示第二页但我无法阻挡左侧和右小组......
我的代码:
<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>
答案 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
是我所有内容页面的内容。
或者您只需更改对象的源文件!
希望这会有所帮助