0

我试图在鼠标悬停时显示工具提示并在鼠标悬停时隐藏它。

我用了 ：

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] ?>"/>

我也试过悬停。但他们都有一个错误，即显示和隐藏动作陷入循环（仅部分时间）。这发生在所有浏览器中。

一个活生生的例子可以在 这里查看

谢谢。

编辑：

也试过mouseenter ..

4

0 回答 0