0

テキストログイン（黄色）の上にカーソルを置くと開くログインボックス（青色）があります。ログインボックスに移動するとボックスは開いたままになりますが、そこを離れると閉じます (緑色の領域にマウスを置きます)。

これは、現在の css で予想される動作です (ホバーと display:none / block を使用)

緑のエリアに入ってもログインボックス（青）は開いたままにしてほしい。ただし、緑色の領域をクリックすると、ログインボックス (青色) が閉じます (表示: なし)

これはjavascript/jQueryでのみ可能だと思いますが、方法がわかりません。誰でもこれで私を助けることができますか？

div id とクラスについて心配する必要はありません。必要に応じてコードを変更します。

ここに画像の説明を入力

4

2 に答える 2

2

これを試してみてくださいhttp://jsfiddle.net/steelywing/gnyyB/

$('#main').mouseenter(function () {
    $('#menu').show();
});

// To prevent hide #menu when click on #main
$('#main').click(function (e) {
    e.stopPropagation();
});

// Click outsite of #menu
$('html').click(function () {
    $('#menu').hide();
});
于 2013-04-22T12:01:45.543 に答える
0

あなたが使用することができます

   function example(){  

   var divId = document.getElementById("divId");

   divId.style.display = "block";

  }

divIdこれは青色の divId で、緑色の div に対してこの関数を呼び出しますonhover。

于 2013-04-22T11:16:00.370 に答える