Question

您好，我只是想弄清楚这个示例菜单的概念

http://www.cdrking.com

它甚至是一个下拉菜单吗？对不起我的模糊问题，我仍然在php和javascript实现之间感到困惑。我尝试制作类似菜单的内容，以便右侧更新为点击。

有什么想法吗？

Answer 1

你需要一个'手风琴'菜单，如下所示 - http://sandbox.scriptiny.com/javascript-accordion/

Answer 2

是的，你想使用jquery。如果您搜索“jquery menu”或“jquery dropdown”之类的内容，您可能会发现已经编写过的插件。你会发现很多选择。

php和javascript之间的区别在于，最基本的答案是：PHP在页面加载之前使用数据进行更改，并与服务器/其他页面进行交互。 Javascript甚至可以在加载后对页面进行更改，但不会与服务器或其他页面进行交互。所以任何类型的滑动或动画元素都可能是javascript或jquery（或flash或css3，但这完全是另外的东西）。其他人可以更深入地解释它或在技术上更正确，但我想保持它基本，因为它听起来像你刚刚开始。

Answer 3

要实现它而不是悬停菜单，请更改代码：

:hover -> .clicked

使用jQuery或vanilla JS在点击的元素上切换类：

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

Answer 4

您可以使用jquery ui拼凑出精美的手风琴菜单。实际上它通过比较看起来有点傻了

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

这是JSfiddle http://jsfiddle.net/nMNaf/

'clickable'下拉菜单css

4 个答案: