我正在使用下面的代码来显示一个框,当你鼠标悬停在特定的 div 上时,并设置了淡出延迟,但如果用户重新回到 div 上,有没有办法取消淡出效果呢?
jQuery("#cart-box").hover(function()
{
jQuery("#cart-container").fadeIn('fast');
}, function( )
{
jQuery("#cart-container").delay(800).fadeOut('fast');
});
标签的代码
<div class="cart-box" id="cart-box"><a href="#">Cart</a><div class="cart-container" id="cart-container"><div class="cart-contents">contents</div></div></div>
我认为这可能是一个问题,当你离开div并返回时,需要停止fadeIn函数的工作。
如果您对jQuery还很陌生,任何想法都会有所帮助!
另外,我应该使用什么效果来使框从无到有地扩展到内容的高度,而不仅仅是淡入呢?