文章詳情頁
css - 怎么實現一個圓點在一個范圍內亂飛
瀏覽:149日期: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 - HTML字符串排版2. showpassword里的this 是什么意思?代表哪個元素3. python - 為什么正常輸出中文沒有亂碼,zip函數之后出現中文編程unicode編碼的問題,我是遍歷輸出的啊。4. 對mysql某個字段監控的功能5. JavaScript事件6. html5 - ElementUI table中el-table-column怎么設置百分比顯示。7. python - 使用readlines()方法讀取文件內容后,再用for循環遍歷文件與變量匹配時出現疑難?8. javascript - js中向下取整9. javascript - table列過多,有什么插件可以提供列排序和選擇顯示列的功能10. html - vue項目中用到了elementUI問題
排行榜
