javascript - 如何创建导航侧菜单？

Question

我只想添加一个链接到我网站上各个页面的侧边菜单。我想使用用户单击进行导航的图像按钮或简单的 href。我想我需要以某种方式使用 div ？

谢谢

Answer 1

您可以使用 div 元素并通过 CSS 将其向左浮动。

HTML:

<div id="nav">
    <ul>
      <li><a href="http://example.com/page2">A Link</a></li>
      <li><a href="http://example.com/page3">Another Link</a></li>
    </ul>
</div>
<div id="content">
    <p> Here's some stuff </p>
</div>

CSS:

#nav {
    width: 20%;
    float: left;
    background-color: gray;
}

#content {
    width: 80%;
}

我还会浏览 HTML Dog 上的 HTML 和 CSS 教程。 。这将使您的生活变得更加轻松。