I have this code,
HTML
<div id="header-line"></div>
<div id="main-menu"></div>
<div id="content"></div>
CSS
#header-line {
height: 20px;
background-color: black;
top:0;
left:0;
}
#main-menu {
height: 30px;
background-color: green;
}
#content {
background-color: blue;
height: 200px;
}
Javascript
$("#main-menu").hover(function () {
$(this).stop(true, false).animate({
height: "100px"
});
}, function () {
$(this).stop(true, false).animate({
height: "30px"
});
});
我使用jQuery的animate
函数使中间的DIV扩展其高度,但问题是它会将底部的DIV向下推。
如何使其在不推动底部DIV的情况下扩展到其上方?
.animate(..)
中添加另一个属性,称为duration
,{duration: 100}
。有关更多信息,请单击此处。 - XY Li