1

次のような垂直メニューを作成する必要があります。

  • アイテム1
    • アイテム1.1
    • 項目1.2
  • 項目 2
  • アイテム3
  • 項目4

ホバー時に親アイテムの下にサブメニューを展開/折りたたむ必要があります。ページ インジケーターまたはアクティブな状態を使用する機能が必要なので、現在のページがメニューに表示されます。また、これはサイト全体で数回カスタマイズされるため、タイトル/リンクは html のみに保持する必要があります。

これらのすべての要件を満たすソリューションを見つけたり、作成したりすることはできませんでした。私は数日間調査してきましたが、手ぶらで出てきます。アドバイスや解決策をいただければ幸いです。

4

2 に答える 2

1

ここでは、単純なスライド jQuery メニューが役立つかもしれません。

ここにフィドルの例があります。

それがあなたに役立つかどうか教えてください。

編集

さて、このアクティブ状態の問題については、コードをもう少しいじる必要があり、最終的にはあなたが望んでいたようになりました（そうだと思います）...

これが新しいフィドルです。

また、ここで私はclass selectorsコードをはるかに小さく読みやすくするために使用しています... :)

乾杯..

更新：

これはあなたが望むものかもしれません: http://jsfiddle.net/Zx2EU/3/

于 2012-07-23T02:15:56.430 に答える
0

おそらくjQueryEasyUI"Async Tree"のようなもので、Javascript / PHP /を追加して、それが現在のページであるかどうかを判断し、すべての前に<b>のようなものを出力します（および</ b>終わり）。

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を検索してください。持っている可能性がありますが、無料ではありません。

于 2012-07-23T01:40:26.690 に答える