文章详情页
css - 怎么实现一个圆点在一个范围内乱飞
浏览:89日期:2023-01-18 15:49:08
问题描述
让一个圆点图片乱飞
问题解答
回答1:搜索HTML漂浮广告原理
参考漂浮广告是什么?漂浮广告如何设置
ps:为什么那么卡。。。
回答2:给个思路: 可以开个定时器 改变物体的 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什么的,也就是改变绘图的中心点。
标签:
CSS
相关文章:
1. javascript - jqery ajax问题2. 网页爬虫 - Python:爬虫的中文编码问题?3. ubuntu 远程管理KVM设置问题4. javascript - vue生成一维码?求助!!!!!急5. thread - Android 主线程更新UI问题6. javascript - H5页面怎么查看console信息?7. javascript - 修改表单多选项时和后台同事配合的问题。8. javascript - 关于Js中 this的一道题9. css - 手机页面在安卓和苹果浏览器显示不同的小小问题10. thinkjs - 使用mysql搭建cms应该如何设计表?或怎样开始?
排行榜
