問題描述

讓一個圓點圖片亂飛

問題解答

搜索HTML漂浮廣告原理

參考漂浮廣告是什么？漂浮廣告如何設置

ps：為什么那么卡。。。

給個思路： 可以開個定時器 改變物體的 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什么的，也就是改變繪圖的中心點。