2012-04-20 90 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

相關問題