0

サブカテゴリ 3 を使用したこのスムーズなドロップ ダウン ナビゲーション システムについては、ここにいる多くのユーザーがサポートしてくれました。それが使用されるサイトは純粋な css で作成されており、jquery が必要なのはこれだけだったので、その必要性を完全に排除できるかどうかを確認したかったのです。これはフィドルページでした。イージングを使用するとうまくいくと思いますが、これを変更する方法がわかりません。また、私のサイトはhtml5ではないため、htmlでの「ロール」の使用は検証されません。

<div id="trigger"><a href="#menu" class="menu-link">Menu</a></div>
</div>
<nav id="menu" role="navigation">
<ul>
<li><a href="#">Category 1</a></li>
<li><a href="#">Category 2</a></li>
<li id="Category3"><a href="#">Category 3</a>
    <ul id="extraOptions">
        <li><a href="#">Extra Option 1</a></li>
        <li><a href="#">Extra Option 2</a></li>
        <li><a href="#">Extra Option 3</a></li>
    </ul></li>
<li><a href="#">Category 4</a></li>
<li><a href="#">Category 5</a></li>
<li><a href="#">Category 6</a></li>
</ul>
</nav>

フィドルファイルを見る

http://jsfiddle.net/ApNhK/1/

4

3 に答える 3

2

onclick()cssでaをエミュレートできるとは思いません。もしこれが:hover可能だったとしたら、どうしてですか？

編集：私は:focusそれがうまくいくかもしれないと思います、私はそれをチェックします、待ってください

Edit2：それは不可能だと思います。クリックのように見せなければならない場合もありますが、それは非常に制限されており、 javascriptなし:focusで複雑なネストされたサブメニューを作成することはできません。:focus

于 2013-01-08T15:00:52.717 に答える
1

申し訳ありませんが、クリック ハンドラーには JS が必要です。それを回避する方法はないと思います。

「onclick」html 属性でさえ、JavaScript をインライン化する怠惰な方法です。

ユーザーがページを表示するためにホバーする必要があるホバリング メニューを使用することもできますが、これはあまり良い UX ではありません。私はjqueryを保持します。良さそうですし、jQuery は慣れるのに最適なライブラリです。

于 2013-01-08T15:02:28.597 に答える
0

クリック時にメニューを（表示しない）表示するには、次のコマンドを使用できます:target：jsFiddle

サブメニューを使用してメニューを希望どおりに動作させるには、隣接/兄弟/子孫セレクターを巧妙に使用する必要があります。

于 2013-01-08T22:40:45.390 に答える