我想实现的目标如下
是否可以?请给我解释一下
以下是我要实现的结构
<code>
<div class="main-content">
<div class="changing-content">
</div>
<div>
</code>
这是适合您的示例代码,请尝试自己实施
<body>
<div id="index">
<div onclick="showPage('page1')">Page 1</div>
<div onclick="showPage('page2')">Page 2</div>
</div>
<div id="page1" style="display:none">
This is page1
<div class="back" onclick="showPage('index')">Back</div>
</div>
<div id="page2" style="display:none">
This is page2
<div class="back" onclick="showPage('index')">Back</div>
</div>
</body>
<script>
var ids=['page1','page2','index'];
function showPage(pageId)
{
for(i=0;i<ids.length;i++)
{
if(pageId == ids[i])
{
document.getElementById(pageId).style.display = "block";
}
else
{
document.getElementById(ids[i]).style.display = "none";
}
}
}
</script>
这是一个jsFiddle链接
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句