jquery hover / mouseover bug

时间:2012-09-24 16:20:08

标签: jquery hover mouseover mouseout

Iam尝试在鼠标悬停时显示工具提示,并在鼠标移动时隐藏它。

我用过:

var keepTab = false;
            var sC = $('#SwitchContent')
             $('#navbar img').mouseenter(function(){
                sC.show("slow");
                LoadPage($(this).attr('alt'));
                keepTab = false;
                sC.removeClass("selected");
            }).mouseout(function(){
                if (!keepTab){
                    sC.fadeOut("slow");
                }
            });

            $('#navbar img').click(function(){
                keepTab = true;
                sC.addClass("selected");
            });

和html

<div id="navbar" style="margin-top: <?= $navBar_margintop ?>px">
  <img src="images/tab9.gif" alt="tab9" style="margin-right: <?= $margintab9 ?>px" height="<?= $navbarH[8] ?>" width="<?= $navbarW[8] ?>"/>
  <div class="clear"></div>
  <img src="images/tab1.gif" alt="tab1" style="margin-right: <?= $margintab1 ?>px" height="<?= $navbarH[0] ?>" width="<?= $navbarW[0] ?>"/>
   <div class="clear"></div>
  <img src="images/tab2.gif" alt="tab2" style="margin-right: <?= $margintab2 ?>px" height="<?= $navbarH[1] ?>" width="<?= $navbarW[1] ?>"/>
  <div class="clear"></div>
  ....
  <img src="images/tab8.gif" alt="tab8" style="margin-right: <?= $margintab8 ?>px" height="<?= $navbarH[7] ?>" width="<?= $navbarW[7] ?>"/>

我也尝试过悬停。但他们都有一个错误,显示和隐藏动作陷入循环(只有部分时间)。这种情况发生在所有浏览器中。

可以查看实时示例here

感谢。

编辑:

也试过了mouseenter ..

0 个答案:

没有答案