jquery - 带有 jquery 的动画，移动 letler

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");
    });

});

关联

Answer 1

看看这个：animate()，你可以用它来做你想要的所有效果。例如$('.element').animate({left: '+=10'}, 300);