我有一个从屏幕右边缘突出一点的导航栏。我想要它,所以当您将鼠标悬停在 div 上时,它会从浏览器的右侧向左滑动 550 像素。我正在使用 jquery 的动画功能,我让它在悬停时正确设置动画,但是当你停止悬停在它上面时,我无法让它滑回右侧。
我对 javascript/jquery 很陌生,我觉得我错过了一些简单的东西......
$(document).ready(function(){
$("#nav").hover(function() {
$(this).animate({
right: "0px",
}, 800 );
(function() {
$(this).animate({
right: "-550px",
}, 800 );
});
});
});
这是#nav的CSS:
#nav {
position: absolute;
right: -550px;
min-width: 300px;
top: 10px;
height: 50px;
background-color: #B30431;
}