Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/454.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何创建导航侧菜单?_Javascript_Html - Fatal编程技术网

Javascript 如何创建导航侧菜单?

Javascript 如何创建导航侧菜单?,javascript,html,Javascript,Html,我只想添加一个侧菜单,链接到我的网站上的各个页面。我想使用图像按钮或简单的HREF,用户点击导航。我想我需要用div吗 感谢Listamatic提供了各种示例您可以使用div元素,并使用CSS将其向左浮动 HTML: 我还将在上运行HTML和CSS教程。它会让你的生活变得更加轻松。HTML: 你能不能说得更具体一点,我们可以提供什么帮助?我只想在我的页面左侧列出一个项目列表,当单击时,导航会转到另一个页面。导航项可以是简单的文本或按钮。谢谢 <div id="nav"> &

我只想添加一个侧菜单,链接到我的网站上的各个页面。我想使用图像按钮或简单的HREF,用户点击导航。我想我需要用div吗


感谢

Listamatic提供了各种示例

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

HTML:

我还将在上运行HTML和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>
#nav {
    width: 20%;
    float: left;
    background-color: gray;
}

#content {
    width: 80%;
}
<!Doctype html>
<html projectReviver="leftmenu.html">
  <head>
    <title>My Left Menu</title>
    <link rel="StyleSheet" href="design.css" type="text/css" />
    <!--[if IE]>
    <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->
  </head>
  <body>
    <nav>
      <div id="main">
        <ul>
          <li><a href="page.html">First page</a></li>
          <li><a href="page2.html">2<sup>nd</sup>page</a></li>
       </ul>
      </div>
     </nav>
    </body>
  </html>