實現(xiàn)購物車拋物線小球

js引入:
https://link.jianshu.com/?t=http://www.zhangxinxu.com/study/201312/parabola.js

css部分:

#ball{
            width: 50px;
            height: 50px;
            background-color: black;
            border-radius: 50%;
            position: absolute;
            z-index: 99;
            display: none;
        }

//拋物線小球JS部分:

            function ballmove(oBtn){
                $("#ball").css({
                    display:"block",
                    left:$(oBtn).offset().left,
                    top:$(oBtn).offset().top,
                })

                var fly = document.getElementById('ball');//移動的元素
                var cart = document.getElementById('ball_target');//目標元素
                
                

                var parabola = funParabola(fly, cart,{
                    speed: 1000,  // 每幀移動的像素大小
                    curvature: 0.005,  // 曲率
                    complete:function(){
                        fly.style.display = 'none';
                    },
                    otherTransform:''
                }).init();

            }
最后編輯于
?著作權歸作者所有,轉載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

相關閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容