Question

我在网络开发方面有点新手。

我正在创建一个带有导航标记导航的简单网页，但我不确定哪种方法是重定向到其他网页的最佳方式。

例如，我有菜单：Home，Services，Contact，当您点击其中一个菜单时，您将转到包含正确信息的页面。

我见过这个结构：

<nav>
  <a href="/html/">HTML</a> |
  <a href="/css/">CSS</a> |
  <a href="/js/">JavaScript</a> |
  <a href="/jquery/">jQuery</a>
</nav>

但你去哪儿了？到另一页或同一页上的一节？

我希望看到相同的原始页面，当您单击菜单的一个项目时，只会更改网页的底部。

那你建议用什么方式做这个？我希望你能帮助我，非常感谢你。

Answer 1

添加

<a href="#ex1" class="go">"Any Text you want, in you case: "go to bottom""</a></l>

在具有相同id

的页面的底部创建类之后

<div class="bottom" id="ex1">

如果你想通过点击链接到底部在.html文件的末尾添加javascript，就在＆＃34; / body＆＃34;之前关闭

<script type="text/javascript">
$(document).ready(function() {
  $("a.go").click(function () {
    var elementClick = $(this).attr("href");
    var destination = $(elementClick).offset().top;
    $('html,body').animate( { scrollTop: destination }, 700 );
    return false;
  });
});
</script>

如果要重定向并转到另一个页面，请在同一目录（同一文件夹）中创建html文件。然后添加一个链接

<a href="New.html">"Any text you want, in your case: go to another page"</a>

导航标记，重定向到另一个页面的最佳方式

1 个答案: