扫码关注官方订阅号
让一个圆点图片乱飞
ringa_lee
搜索HTML漂浮广告原理
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什么的,也就是改变绘图的中心点。
微信扫码关注PHP中文网服务号
QQ扫码加入技术交流群
扫描下载App
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
PHP学习
技术支持
返回顶部
搜索
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什么的,也就是改变绘图的中心点。