Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/443.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_Css - Fatal编程技术网

Javascript 如何制作下拉菜单?

Javascript 如何制作下拉菜单?,javascript,css,Javascript,Css,使用CSS样式表 我有按钮图像,我想在我的网页菜单中添加一个按钮图像 比如说 Home Contact ->Aboutus -> Location Home, Contact (menu) Aboutus, Location(sub menu) Button images name - button1.jpg 我想在菜单和子菜单的背景中添加我的按钮图像 我是网页设计师的新手 需要CSS样式表代码。您需要使用:CSS 例如: .menu {

使用CSS样式表

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

比如说

Home           Contact 
 ->Aboutus        -> Location 

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

Button images name - button1.jpg
我想在菜单和子菜单的背景中添加我的按钮图像

我是网页设计师的新手

需要CSS样式表代码。

您需要使用:CSS

例如:

.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>
    主页 关于我们
  • 联系我们
您需要使用:CSS

例如:

.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>
    主页 关于我们
  • 联系我们
纯CSS下拉菜单:

水平下拉菜单:

CSS Javascript下拉菜单:

纯CSS下拉菜单:

水平下拉菜单:


CSS Javascript下拉菜单:

这个例子很容易实现。它不关注IE6 JS问题。您需要使用JS或JQuery来解决IE不使用
:hover
pseudoclass的问题
这个例子很容易实现。它不关注IE6 JS问题。您需要使用JS或JQuery来解决IE不使用
:hover
pseudoclass的问题