「可點擊」下拉菜單中的CSS

你好，我只是想弄清楚這個例子菜單「可點擊」下拉菜單中的CSS

http://www.cdrking.com

的概念是它甚至一個下拉菜單呢？對於我的模糊問題抱歉，我仍然困惑於php和javascript的實現。我正在嘗試製作類似他們的類別菜單，所以右側會更新爲點擊。

任何想法？

來源

2012-03-21 Allison Mae Yu

你是什麼意思的菜單嗎？「按產品瀏覽」菜單？你可以使用jQuery UI accordeon。 – 2012-03-21 16:43:38

有一個使用CSS3的技巧，用'：active'替換'：hover'並添加一個長轉換以防止點擊之後的「捕捉」。不過，我不能推薦它，因爲缺乏廣泛的CSS3轉換支持。 – Blazemonger 2012-03-21 17:02:30

@Mikey：真遺憾你沒有把它作爲答案 – 2012-03-21 17:13:25

是的，你想爲此使用jQuery。如果您搜索「jquery menu」或「jquery dropdown」之類的東西，您可能會找到已編寫的插件。你會發現很多選擇。

php和javascript之間的區別是，最基本的答案是：PHP使用數據在頁面加載之前進行更改，並與服務器/其他頁面進行交互。即使在加載後，Javascript也可以對頁面進行更改，但不會與服務器或其他頁面交互。因此，任何類型的滑動或動畫元素都可能是javascript或jquery（或者flash或css3，但這完全是另一回事）。其他人也許可以更深入地解釋它，或者在技術上更加正確，但是我想保持它的基本性，因爲聽起來你剛剛開始。

來源

2012-03-21 16:44:45

感謝@Digital Brent爲我的迷茫的頭腦給出了明確的解釋:) – 2012-03-22 16:33:30

嗨，很高興我能幫上忙！ – 2012-03-22 17:05:45

要實現它，而不是一個懸停菜單，更改代碼：

:hover -> .clicked

而且使用jQuery或香草JS切換上點擊元素的類：

$('#menu li').click(function() { 
    $(this).toggleClass('clicked'); 
});

來源

2012-03-21 16:44:24 Blender

你會希望有一個「手風琴」菜單，這樣的 - http://sandbox.scriptiny.com/javascript-accordion/

來源

2012-03-21 16:45:12 Alex

謝謝:)這就是我一直在尋找的！ – 2012-03-22 16:35:14

您可以使用jQuery UI的放在一起美麗的手風琴菜單。它實際上使一個看起來有點傻相比之下

http://jqueryui.com/demos/accordion/

這是對的jsfiddle http://jsfiddle.net/nMNaf/

來源

2012-03-21 16:58:54 deltree

「可點擊」下拉菜單中的CSS

回答

相關問題