2

現在、私は内の要素<span>Home<span>のホバーで使用しています。ただし、ホバー時にドロップダウンが必要です。同じ家のようなものですが、その下にさらに 2 つまたは 3 つのアイテムがあります。どんな助けでも大歓迎です。クリックしてjsFiddleanchorlispan

!

4

3 に答える 3

0

写真の代わりにアイコンフォントを使用することを検討する必要があります。このような画像を多数使用している場合、サイト全体がはるかに小さくなり、はるかに効率的になり、jsfiddle が作成されます。

于 2013-01-13T22:17:12.650 に答える
0

js ファイルがなくても、css と html で実行できます。必要な HTML コード:

<ul>
<li>
    <span>Menu 1</span>
    <div class="sub-menu">
        <ul>
            <li>sub1</li>
            <li>sub2</li>
        </ul>
    </div>
</li>
<li>
    <span>Menu 2</span>
</li>

添付する必要がある CSS は次のとおりです。

li .sub-menu {
    visibility:hidden;
    opacity:0;
    /*and more custom CSS as you need*/
}
li:hover .sub-menu {
    visibility:visible;
    opacity:1;
}

トランジションを使用してエフェクトをアニメーション化できます。

于 2013-01-13T20:43:24.443 に答える
0

を使用するよりも<ul>andを使用した方が簡単です。Parallel 2ne が言ったように、それはあなたの html マークアップに依存します。ただし、要素を個別にホバーすると自動的にトリガーされる関数を作成することにより、Javascript/jQuery を介して強制することもできます。トリガーすると、またはサブ要素に適用されます。<li><span><span>display:blockdisplay:hidden<span>

于 2013-01-13T12:22:17.817 に答える