如何在jQuery中加载页面？

Question

我在HTML / CSS中有这个菜单：

HTML：

<div id="outer">
        <div id="inner"><a href="kingkong.html">King Kong</a></div>
        <div id="inner"><a href="table.html">Table</a></div>

CSS：

#inner {
    background-color: #547980;
    width: 130px;
    margin-left: 8px;
}
#inner:first-child {
    background-color: #547980;
    width: 130px;
    margin-left: 8px;
    margin-top: 8px;
}            
div {
    border-radius: 5px;
    border: 2px solid black;
}

我希望在jQuery中加载页面。

1. 它可以像打印机一样，点击菜单中的链接后，它应该从margin-left位置140开始，然后打印到margin-right位置20或
2. 当你转到另一页时，像书一样加载。

但我不知道该怎么做。有什么建议吗？

Answer 1

使用jQuery，您可以使用此脚本：

＆＃13;

＆＃13;

$('body').on('click', 'a', function(event) {
  event.preventDefault();
  var href = $(this).attr('href');
  $('.result').load(href);
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<a href="kingkong.html">Menu Link</a>
<div class="result"></div>

＆＃13;

＆＃13;

＆＃13;