“可点击”下拉菜单中的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

回答

相关问题