Question

我需要像这样创建一个垂直菜单：

第1项
- 第1.1项
- 第1.2项
第2项
第3项
第4项

我需要子菜单在悬停时展开/折叠它的父项。我需要它有一个页面指示器或使用活动状态的能力，因此菜单显示您当前所在的页面。此外，这将在整个网站中多次定制，因此我只需要在html中保留标题/链接。

我无法找到或创建符合所有这些要求的解决方案。我已经研究了几天，并且空手而归。任何建议和/或解决方案将不胜感激！

Answer 1

可能是一个简单的滑动jQuery菜单会帮助你。

Here is an example fiddle

让我知道它是否对您有所帮助。

修改

对于这个活动状态问题，我不得不在代码中玩一点，最后我按照你想要的那样得到它（我猜是这样）......

这是NEW FIDDLE。

现在我现在正在使用class selectors，这使代码更小，更容易阅读... :)

干杯......

<强>更新：

可能是您想要的：http://jsfiddle.net/Zx2EU/3/

Answer 2

也许类似于jQuery EasyUI“Async Tree”，然后只需添加一些Javascript / PHP /以确定它是否是当前页面，然后打印类似于＆lt; b>在每一个之前（和最后的＆lt; / b＆gt;）。

http://www.jeasyui.com/demo/index.php

例如：

<?php

$currentFile = $_SERVER["SCRIPT_NAME"];
$parts = Explode('/', $currentFile);
$currentFile = $parts[count($parts) - 1];

?>
...
<li<?php 
    if ($currentFile == "index.php") {
        echo " class=\"selected\"";
    } else {

    } 
    ?>>
    <a href="index.php">Homepage</a>
</li>

在样式表中：

.selected { font-weight: bold; }

动态广告可能会更轻一些：http://www.dynamicdrive.com/dynamicindex1/navigate1.htm

同样查找Apycom，他们可能有一个，但他们不是免费的。

垂直菜单悬停在活动状态下方？

2 个答案: