动画与jquery，移动信件

Question

我正在尝试制作字母动画，在点击时会同时向上移动并摇晃，结束将消失并显示在屏幕中间，覆盖80％的页面。我设法让它向上移动，但我无法让它震动，消失并再次出现。

I want it to:
1.moving up ,
2.turn left 10 degree ,
3.turn right 10 degree ,
4.turn left 10 degree ,
5.turn right 10 degree ,
6.fade ,
7.cover in shadow whole page ,
8.show letter in the middle of the page

到目前为止

代码：

$(document).ready(function() {

    $('.envelope').mouseover(function() {
        $(this).find('.list').addClass('listani');
    });

    $(".envelope").mouseout(function() {
        $(this).find('.list').removeClass('listani');
    });

    $('.envelope').click(function() {
        $(this).find('.list')
          .toggleClass("listmove");
    });

});

Link

Answer 1

检查出来：animate()，您可以使用此功能完成所需的所有效果。例如。 $('.element').animate({left: '+=10'}, 300);