是否可以在沒有JavaScript的情況下在this style中執行導航欄?有沒有可能做一個導航欄與下拉鍊接沒有javascript?
我認爲這將有可能使用CSS與:hover
改變列表的可見性,但我一直沒能找到像這樣的例子。
是否可以在沒有JavaScript的情況下在this style中執行導航欄?有沒有可能做一個導航欄與下拉鍊接沒有javascript?
我認爲這將有可能使用CSS與:hover
改變列表的可見性,但我一直沒能找到像這樣的例子。
我會假設你問的是因爲你不確定Google要做什麼(即你不知道用什麼術語來找到你要找的東西)。
我的建議谷歌搜索pure CSS drop down menu
。你會發現很多很棒的教程和代碼示例。這裏有一個體面的一個:
你可以這樣寫:
#dropdownMenu li > ul{
display:none;
}
#dropdownMenu > li:hover > ul{
display:block;
}
檢查我更新的小提琴 – sandeep 2012-04-20 14:08:08
+1我試圖只包含angular.js並省略bootstrap.js和jquery.js引用。但我仍然想使用引導樣式和標記。這對此非常有效。 – 2014-07-30 08:47:13
真的嗎?你找不到CSS下拉菜單教程?我建議看看Stu Nicholl的['CSS Play'網站,爲*許多菜單的想法](http://www.cssplay.co.uk/menus/)。 – 2012-04-20 13:52:46
你可以只用css來完成,但用js/jq更容易。 – 2012-04-20 14:03:51