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