css - 怎么实现一个圆点在一个范围内乱飞
ringa_lee
ringa_lee 2017-04-17 14:54:13
[HTML讨论组]

让一个圆点图片乱飞

ringa_lee
ringa_lee

ringa_lee

全部回复(2)
ringa_lee

搜索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中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号