Question

我正在寻找改变已经存在于stackoverflow上的一段已经存在的javascript，但我不知道如何......

$('.menuBtn').click(function(event) {
value = $('.whole').css('right') === '100px' ? 0 : '100px';
  $('.whole').animate({
      right: value
  });

这是JSFiddle的链接：http://jsfiddle.net/bayron2304/Abs5H/1189/

我已经在宽度和位置方面稍微改了一下。但我现在需要的是蓝色div在它向左滑动之前，向上扩展并创建一个阴影（给出蓝色框向你的效果。也就是3d，明白了吗？）。

动画的快速摘要：

点击框＆gt; box get更大（比如说大10％）并创建阴影＆gt;那么大约500ms等待＆gt;向左滑动，露出下面的东西。

然后当再次点击该框时，整个动画开始但后退。切换。

希望有人可以帮助我，因为我真的需要它。谢谢！

Answer 1

$('.menuBtn').click(function(event) {
    value = $('.whole').css('right') === '100px' ? 0 : '100px';
     $('.whole').addClass('scaleUp');
      $('.whole').delay(1000).animate({
          right: value
      });
});

.scaleUp{
 transition-duration:.5s;
 box-shadow:2px 2px 4px rgba(0,0,0,0.4);
  transform:scale(1.2);
}

切换div以放大并向左滑动

1 个答案: