原生js實現點選新增購物車按鈕出現飛行物飛向購物車

2022-07-17 02:45:11 字數 1133 閱讀 6410

1 let a = -((y2-y3)*x1 - (x2-x3)*y1 + x2*y3 - x3*y2) / ((x2-x3) * (x1-x2) * (x1-x3));

2 let b = ((y2-y3)*x1*x1 + x2*x2*y3 - x3*x3*y2 - (x2*x2 - x3*x3)*y1) / ((x2-x3)*(x1-x2)*(x1-x3));

3 let c = ((x2*y3 - x3*y2)*x1*x1 - (x2*x2*y3 - x3*x3*y2)*x1 + (x2*x2*x3 - x2*x3*x3)*y1) / ((x2-x3)*(x1-x2)*(x1-x3));

(x1,y1)----起點座標  (x2,y2) ----終點座標 (x3,y3)----最高點座標

上面的公式主要是來求飛行物top值的,公式 ----top = a*x1*x1+b*x1+c

好了我們來看下完整的**

1

.tian

12.car

23.fly

css**

1

<

div

class

="tian"

>新增到購物車

div>

2<

div

class

="car"

>0

div>

html**

1

class pao

7 $(k)

10init()

36 left+=10

37 top = a*left*left+b*left+c

38 fly.style.left = left + 'px'

39 fly.style.top = top + 'px'

4041 },1000/60)42}

43}44}

45new pao(['.tian','.car'])

js**

JS實現的購物車

hoppingcart jscript 檔案 read cookie function getcookie cookiename result unescape mycookie.substring start,end return result write cookie function setc...

js購物車的實現

購物車 在 類專案中,購物車是非常常見的,但購物車該怎麼實現呢?很多講購物車都是用html頁面模擬的靜態資料,這種資料沒有靈活性,正常的 思路應該是 根據使用者的id查詢出使用者的購物車中的商品,然後對使用者購物車商品進行遍歷,本文章就是對遍歷出來的商品進行購物車數量的加減和小計 總計之間的計算。遍...

vue專案 實現點選加入購物車

分析 使用vuex狀態管理。點選加入購物車,將這個商品組成乙個物件,放到store裡面的car裡。1.在goodsinfo.vue中,給加入購物車註冊點選函式,addtoshopcar 2.在methods中新增這個方法 this.ballflag this.ballflag 這是之前控制小球的顯示...