我想要一个div’.whole’来制作动画(从右到左滑动)
jQuery的
$('#menu').click(function() {
$('.whole').toggleClass('r2');
$('#slideMenu').toggle();
});
.r2 { right: 200px }
我无法正确使用animate()函数.
解决方法
这应该工作：
$('#menu').click(function(event) {
event.preventDefault(); // because it is an anchor element
$('.whole').animate({
right: '200px'
});
$('#slideMenu').toggle();
});
但是你的位置属性应该已经在CSS中设置,或者你可能无法得到你所需要的.
{
right: '200px',somethingElse: 'value',myboolean: true
}
您也可以将其分配给var并将其传递给动画：
var cssProperties = { right: '200px' }
$('#menu').click(function() {
$('.whole').animate(cssProperties);
});
您可以在documentation中传递其他可读的参数.
