加入购物车飞入动画

代码语言:html

所属分类:电商

下面为部分代码预览,完整代码请点击下载或在bfwstudio webide中打开

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>BFW NEW PAGE</title>
    <script id="bfwone" data="dep=jquery.17&err=0" type="text/javascript" src="http://repo.bfw.wiki/bfwrepo/js/bfwone.js"></script>
    <script type="text/javascript">
        bready(function() {
            (function() {
                let totalBtn1 = 0,
                totalBtn2 = 0;
                function clickBtn() {
                    $('button').on('click', function () {
                        let img = $(this).parent().find('img');
                        let btn = $(this).attr('class');
                        let flyImg = img.clone().css({
                            'opacity': '0.6'
                        });
                        $('.wrapper').append(flyImg);
                        flyImg.css({
                            'z-index': 999,
                            'border': '3px solid #fff',
                            'position': 'absolute',
                            'height': img.height() + 'px',
                            'width': img.width() + 'px',
                            'top': img.offset().top +'px',
                            'left': img.offset().left + 'px'
                        })
                        flyImg.animate({
                            'width': 50 + 'px',
                            'height': 50 + 'px',
                            &#.........完整代码请登录后点击上方下载按钮下载查看

网友评论0