0

要素上でマウスが移動した場所を認識する方法はありますか? メニュー項目 (li) の onmouseover および onmouseout で表示または非表示にする div があります。そのため、ユーザーがマウスをメニュー項目の上に移動すると、div が表示されます。ユーザーがマウスをメニュー項目の左、右、または上に移動すると、div が非表示になります。ユーザーがマウスを下に移動したときのみ、ユーザーは div のコンテンツをクリックできるようにする必要があるため、div を非表示にしないでください。

これらの問題を解決する標準的な方法はありますか?

ありがとう！

4

1 に答える 1

2

要素を必要な要素内にラップし、使用してul liおり、設定している要素とdiv設定している要素display: none;li:hoverdisplay: block;

デモ

<div class="wrap">
    <ul>
        <li>A <div>Show A Content</div></li>
        <li>B <div>Show B Content</div></li>
        <li>C <div>Show C Content</div></li>
    </ul>
</div>

.wrap ul li div {
    display: none;
}

.wrap ul li:hover div {
    display: block;
}
于 2013-09-03T06:03:24.753 に答える