html微信拆红包动画特效,利用jQuery实现微信红包领取动画特效

特效描述：利用jQuery实现 微信红包 领取动画特效。利用jQuery实现微信红包领取动画特效

代码结构

1. 引入CSS

2. 引入JS

3. HTML代码

点击打开

$(function () {

$("#draw-btn,.draw-img").on("click", function () {

$(".draw-mid").removeClass("draw-mid-move").css({display:"none"});

$(".draw-up").animate({

opacity: "1"

}, 100);

$("#draw-up-up").animate({

opacity: "1",

top: "-4.12rem"

}, 200);

$(".draw-down").animate({

opacity: "0"

}, 300);

$(".draw-down2").animate({

opacity: "1"

}, 300);

$(".draw-list").animate({opacity:"1"},600).animate({top:"-4.4rem"},1000);

});

})