如何在一个页面内制作交互式网页？

Question

例如，this site即使在页面内点击，也会保持在main.html内。保持页面内显示/隐藏不同元素的所有过程是什么？

顺便使用Bootstrap。

谢谢！

Answer 1

一种方法是使用jQuery根据计时器或用户点击事件显示和隐藏各种div。

例如，你可以拥有这个HTML

<div id="home">Hello. <a href="#" onclick="gotoPage2(); return false;">Page 2</a></div>
<div id="page2" style="display:none;">Page 2. <a href="#" onclick="gotoHome(); return false;">return Home</a></div>

<script>
    function gotoPage2() {
        $("#home").hide();
        $("#page2").show();
    }

    function gotoPage2() {
        $("#page2").hide();
        $("#home").show();
    }
</script>