如何制作下拉菜单？

Question

使用CSS样式表

我有按钮图像，我想在我的网页菜单中添加按钮图像

例如

Home           Contact 
 ->Aboutus        -> Location 

Home, Contact (menu)
Aboutus, Location(sub menu)

Button images name - button1.jpg

我想在菜单和子菜单的背景中添加我的按钮图像

我是网页设计师的新手

需要CSS样式表代码。

Answer 1

纯CSS下拉菜单：  http://meyerweb.com/eric/css/edge/menus/demo.html

横向下拉菜单：http://www.alistapart.com/articles/horizdropdowns/

CSS-Javascript下拉菜单：http://www.dynamicdrive.com/dynamicindex1/chrome/index.htm

Answer 2

您需要使用：CSS background-image Property

示例：

.menu
{
  background-image:url('image.gif');
}

然后在你的html中添加上面的类：

<ul>
  <li class="menu">Home</li>
  <li class="menu">About Us</li>
  <li class="menu">Contact Us</li>
</ul>

Answer 3

这个例子非常容易实现。它不关注IE6 JS问题。你需要使用JS或JQuery来解决IE不使用:hover伪类的问题 The No-Code Way to a Pure CSS Horizontal Drop-Down Menu with Expression Web