問(wèn)題描述

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

問(wèn)題解答

搜索HTML漂浮廣告原理

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

ps：為什么那么卡。。。

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