0

我想在这件事上寻求一些帮助。我创建了一个有很多 div 的网站,我想要的是当点击链接时,只会显示一个 div 而不会重新加载整个页面。

示例代码:

<ul>
    <li><a href="">Div 1</a></li>
    <li><a href="">Div 2</a></li>
    <li><a href="">Div 3</a></li>
</ul>

<div id="content1">
    <p>This is content 1</p>
</div>
<div id="content2">
    <p>This is content 2</p>
</div>
<div id="content3">
    <p>This is content 13</p>
</div>

如果我只使用php有可能吗?请帮助我了解我将如何做到这一点。

4

2 回答 2

1

您可以使用 JQUERY 选项卡来实现这一目标..

请看http://jqueryui.com/tabs/

于 2013-05-08T07:32:37.073 回答
0

请检查以下脚本

<a href="" onclick="showdiv('content1'); ">Div 1</a>
   <a href="" onclick="showdiv('content2'); ">Div 2</a>
   <a href="" onclick="showdiv('content3'); ">Div 3</a>


<scripts>
var hidediv = null;
function showdiv(id) {
    if(hidediv)
       hidediv();
    var div = document.getElementById(id);
    div.style.display = 'block';
    hidediv = function () { div.style.display = 'none'; };
}
</scripts>
于 2013-05-08T07:38:54.517 回答