1

背景divと前景divがあり、背景がマウスオーバーされるとフェードインし、背景がマウスアウトされるとフェードアウトします。

ただし、前景がフェードインすると、背景からフォーカスが奪われ、ツールチップが「点滅」します。

http://jsfiddle.net/ts97t/

ツールチップを表示したままにして、点滅を停止するにはどうすればよいですか？

ありがとう

4

1 に答える 1

3

私の上にマウスを置きます。これは、緑色の四角からマウスを出すまで、点滅せずに表示されたままにする必要があります。

JQUERY

$("#background").hover(function(){
 $("#tooltip").fadeIn();
},function(){
    $("#tooltip").fadeOut();
   });​

必要に応じて、＃tooltipを「Mouseoverme」のテキストと重ねます。

#tooltip {
    display: none;
    width: 130px;
    height: 130px;
    background: red;
    top:0;
}

デモ

2番目の方法

   var i=0;
$("#background").hover(function(){
     $("#tooltip").fadeIn();
    },function(){
        if (i==1) {
            $("#tooltip").fadeOut();
i=0;
        } 
    });

$('#tooltip').hover('',function(){
  i=1;

});

HTML

<div id="background">Mouse over me.</div>
<div id="tooltip">This needs to stay visible, and not flash, until I mouse out of the green square!</div>

デモ2

于 2012-10-01T10:49:13.657 に答える