Question

我有两个＆lt; DIV＆GT; leftdiv和rightdiv都有50％的宽度。

leftdiv向左滑动，其宽度增加，看起来像放大效果。

{p>同样发生在rightdiv。

这是我的代码：

css

.leftdiv {
position:fixed;
top:0;
left:0px;
width:50%;
-webkit-transition:all 2.0s ease;
-moz-transition:all 2.0s ease;
-o-transition:all 2.0s ease;
transition:all 2.0s ease;
}
.rightdiv {
position:fixed;
top:0;
right:0px;
width:50%;
-webkit-transition:all 2.0s ease;
  -moz-transition:all 2.0s ease;
  -o-transition:all 2.0s ease;
  transition:all 2.0s ease;
}

JQUERY

jQuery('.leftdiv').stop().animate({ right: '-90%' });
$('.leftdiv').css('width','80%');
jQuery('.rightdiv').stop().animate({ left: '-90%' });
$('.rightdiv').css('width','80%');

此代码向左滑动leftdiv向左滑动rightdiv向右滑动，但在滑动滑动之前，它会滑出。

可能是因为宽度增加。

我该如何纠正呢。我可以在增加宽度之前添加时间或delay来纠正它。

Answer 1

JQuery动画属性可以在下面的方法的一次调用中相互堆叠（用逗号分隔）：

jQuery('.leftdiv').stop().animate({ 
    left: '-90%',
    width : '80%'
});

jQuery('.rightdiv').stop().animate({ 
    right: '-90%',
    width : '80%'
});

jquery：使用放大/缩小效果滑动两个div

1 个答案: