1
<div id="risk-free-logo" style="float:left;margin-left:30px;height:100px;width:100px">
       </div>
 <div id="risk-free-info-div" style="border: 2px solid; display:none; position: relative; background-color: rgb(255, 255, 255); z-index:         100; height: 170px; width: 300px; margin-left: 150px;" class="popupbox"></div>

$(document).ready(function(){
 $('#risk-free-logo').mouseenter(
    function(){
          $(this).siblings('.popupbox').css('display','block');
              }); 
    $('#risk-free-logo').mouseleave(
       function(){
         $(this).siblings('.popupbox').css('display','none');
           }   
    );
});

Onmouseover 我必须显示一个 div。但是使用任何事件都会使闪烁

4

1 回答 1

0

毫无疑问,您现在已经回答了这个问题,或者找到了替代方案,因此对于从 Google 到这里的任何其他人来说,以下内容将无闪烁(我无法让您的代码工作或创建闪烁)。

在您的代码中替换$(this).siblings('.popupbox')$('.popupbox')

<script src="http://code.jquery.com/jquery-latest.js"></script>

<script>
$("#risk-free-logo").mouseenter(function (event) {
    $('.popupbox').css('display','block');
});
$("#risk-free-logo").mouseout(function (event) {
    $('.popupbox').css('display','');
}); 
</script>

<style>
#risk-free-logo {border: 2px solid red; float:left;margin-left:30px;height:100px;width:100px; }
#risk-free-info-div {border: 2px solid; display:none; position: relative; background-color: rgb(255, 255, 255); z-index:100; height: 170px; width: 300px; margin-left: 150px; }
</style>

<div id="risk-free-logo">Mousenter me to display...</div>
<div id="risk-free-info-div" class="popupbox">...my friend over here</div>

完成后,它不会闪烁 - 请参阅我在此处创建的JSFIDDLE

于 2012-09-18T09:20:49.727 回答