jQuery+css3打开红包领取礼物动画代码

来源:https://www.sucaihuo.com/js/3298.html 2017-12-13 18:09浏览(3059) 收藏

jQuery+css3打开红包领取礼物动画代码,点击打开微信红包领取礼物动画效果。
jQuery+css3打开红包领取礼物动画代码
分类:css3 > 动画效果 难易:初级
查看演示 下载资源 下载积分: 10 积分
关注公众号,免费赠送安装视频教程、环境和学习视频,后面会不断更新。

js代码

<script>
    $(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);
        });
    })
</script>
标签: 红包
评论0
头像

系统已开启自动识别垃圾评论机制,识别到的自动封号,下载出错或者资源有问题请联系全栈客服QQ 1915635791

1 2