如何制作下拉菜单？

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问题。如果IE不使用:hover伪类The No-Code Way to a Pure CSS Horizontal Drop-Down Menu with Expression Web ，则需要使用JS或JQuery来解决这些问题