css - 怎么实现一个圆点在一个范围内乱飞

问题描述

让一个圆点图片乱飞

问题解答

搜索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什么的，也就是改变绘图的中心点。