文章詳情頁
css - 怎么實現一個圓點在一個范圍內亂飛
瀏覽:320日期:2023-01-18 15:49:08
問題描述
讓一個圓點圖片亂飛
問題解答
回答1:搜索HTML漂浮廣告原理
參考漂浮廣告是什么?漂浮廣告如何設置
ps:為什么那么卡。。。
回答2:給個思路: 可以開個定時器 改變物體的 top,left什么的。 既然是亂飛的話就要考慮 這個對象有相應的運動速度,運動角度。這個東西就要用點 三角函數了。 比如這個物體 中點的 坐標是 x,y (left,top 各減一半寬高的值); 你用 Math.random隨機個速度值 v ;在隨機一個角度值 D, 那么 每次定時器刷新的時候 更改后的 x,y坐標就是 X+=Math.cos(D)v;y+=Math.sin(D)v;在移動端的話就不要用什么top left定位來控制了,性能不是很好,可以用 transform:translateX() translateY();或者canvas什么的,也就是改變繪圖的中心點。
標簽:
CSS
相關文章:
1. javascript - sublime快鍵鍵問題2. javascript - immutable配合react提升性能?3. css - 寫頁面遇到個布局問題,求大佬們幫解答,在線等,急!~4. vue.js - Vue 如何像Angular.js watch 一樣監聽數據變化5. javascript - nodejs關于進程間發送句柄的一點疑問6. 配置Apache時,添加對PHP的支持時語法錯誤7. phpstudy8.1支持win11系統嗎?8. javascript - vue-router 地址改變數據未改變9. 實現bing搜索工具urlAPI提交10. javascript - 移動端上不能實現拖拽布局嗎?
排行榜

網公網安備