問題描述

讓一個圓點(diǎn)圖片亂飛

問題解答

搜索HTML漂浮廣告原理

參考漂浮廣告是什么？漂浮廣告如何設(shè)置

ps：為什么那么卡。。。

給個思路： 可以開個定時器 改變物體的 top，left什么的。 既然是亂飛的話就要考慮 這個對象有相應(yīng)的運(yùn)動速度，運(yùn)動角度。這個東西就要用點(diǎn) 三角函數(shù)了。 比如這個物體 中點(diǎn)的 坐標(biāo)是 x,y （left,top 各減一半寬高的值）; 你用 Math.random隨機(jī)個速度值 v ;在隨機(jī)一個角度值 D， 那么 每次定時器刷新的時候 更改后的 x，y坐標(biāo)就是 X+=Math.cos(D)v;y+=Math.sin(D)v;在移動端的話就不要用什么top left定位來控制了，性能不是很好，可以用 transform:translateX() translateY();或者canvas什么的，也就是改變繪圖的中心點(diǎn)。