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 ..