请考虑以下代码:
$(function() {
$('a').hover(function(e) {
$("#large").stop().css('display','none').slideDown(1000);
}, function(){
$("#large").stop(false,true).slideUp(1000);
});
});
当锚点悬停时,img 根据代码向下滑动,但如果发生 mouseleave 事件,img 会立即向上滑动,但之后再次悬停在锚点上时,img 的大小会缩小。为什么会发生这种情况?我怎样才能摆脱它.
这是CSS部分:
img#large{
padding: .5em;
background: #e3e3e3;
border: 5px solid #BFBFBF;
}
a{
position:absolute;
top:500px;
left:10px;
}