下拉悬停 CSS

Dropdown Hover CSS

谁能帮我修复这个网站 neowin.net 的下拉菜单?

到目前为止我有这个; itbataljonen.com/test/(悬停在 "News" 上)

我想不通的是,例如,当我将鼠标悬停在 "News" -> "Apple" 上时,应该会出现一些带图片的新闻,如果我将鼠标悬停在 "Microsoft" 上,它们会发生变化,依此类推。

可以通过 CSS 或 HTML 完成吗?

要下载源文件,只需转至 www.ITbataljonen.com/test 并单击导航栏中的下载源。

有人可以帮助我吗? :)(抱歉我的英语不好..)

这可以在 CSS 中使用悬停 属性 来完成。 阅读此 question 以了解更多信息。

在您的情况下,图像可以在 <ul id="news_images1"></ul> 中,您可以设置 css 悬停 属性 来为这个图像列表设置动画。请记住,有多种方法可以解决此问题。您还可以查看 Jquery hover.

Working Fiddle

正如您使用 css 询问的那样。是的,通过使用 css 可以隐藏和显示另一个 div。您只需要编写悬停事件。这也适用于 "apple" 和 "microsoft"。

这里是 css:

#a:hover + #b {
 background: #ccc;
    visibility: visible;
}
#b{
   visibility: hidden;
}