2012-04-20 54 views
1

是否可以在没有JavaScript的情况下在this style中执行导航栏?有没有可能做一个导航栏与下拉链接没有javascript?

我认为这将有可能使用CSS与:hover改变列表的可见性,但我一直没能找到像这样的例子。

+3

真的吗?你找不到CSS下拉菜单教程?我建议看看Stu Nicholl的['CSS Play'网站,为*许多菜单的想法](http://www.cssplay.co.uk/menus/)。 – 2012-04-20 13:52:46

+0

你可以只用css来完成,但用js/jq更容易。 – 2012-04-20 14:03:51

回答

3

我会假设你问的是因为你不确定Google要做什么(即你不知道用什么术语来找到你要找的东西)。

我的建议谷歌搜索pure CSS drop down menu。你会发现很多很棒的教程和代码示例。这里有一个体面的一个:

http://purecssmenu.com/

3

你可以这样写:

#dropdownMenu li > ul{ 
    display:none; 
} 
#dropdownMenu > li:hover > ul{ 
    display:block; 
} 

入住这http://jsfiddle.net/VceX4/1/

+0

检查我更新的小提琴 – sandeep 2012-04-20 14:08:08

+0

+1我试图只包含angular.js并省略bootstrap.js和jquery.js引用。但我仍然想使用引导样式和标记。这对此非常有效。 – 2014-07-30 08:47:13