2011-01-09 44 views
0

我已经有了一个简单的解决方案,但一直没能找到一个完全符合我所要求的解决方案的示例。如果这是重复,请提前抱歉。从单独的页面拉DIV并更新当前页面的DIV

在我的导航菜单中,我希望每个链接都在单独的页面中引用特定的DIV,然后拉动该DIV并替换当前页面中的内容。

<ul> 
<li><a href="#">About</a></li> 
<li><a href="#">Contact</a></li> 
..and so on 
</ul> 

在亚洲其他页面:

<div id="displayContent">Content refreshes onClick. Previous content fades out, fresh content fades in.</div> 

单独的页面(content.php):

<div id="about">About content</div> 
<div id="contact">Contact content</div> 
+0

你的问题是不明确的 - 你说的其他页面的意思?这是您的浏览器中的不同标签吗?这是一个弹出屏幕?这是不同的框架在同一页上?这是使用Ajax加载的不同部分吗? – 2011-01-09 18:56:59

+0

对不起朱利安,我的意思是我将在我的服务器上有一个不同的页面,它将作为仅显示内容的来源(即content.php)。访问者将到达index.php,当点击导航菜单中的一个链接时,index.php将调用content.php,并只引入div – brianrhea 2011-01-09 19:25:05

回答