下拉悬停 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.
正如您使用 css 询问的那样。是的,通过使用 css 可以隐藏和显示另一个 div。您只需要编写悬停事件。这也适用于 "apple" 和 "microsoft"。
这里是 css:
#a:hover + #b {
background: #ccc;
visibility: visible;
}
#b{
visibility: hidden;
}
谁能帮我修复这个网站 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.
正如您使用 css 询问的那样。是的,通过使用 css 可以隐藏和显示另一个 div。您只需要编写悬停事件。这也适用于 "apple" 和 "microsoft"。
这里是 css:
#a:hover + #b {
background: #ccc;
visibility: visible;
}
#b{
visibility: hidden;
}