原生js实现多物体运功

这是一个小案例,简单实现当鼠标移除移入,按下抬起时,物体发生改变
以下为整体代码,现做分析。
在这里插入图片描述在这里插入图片描述因opacity的属性值是小数,小数在计算时容易损失精度,比如0.1+0.2 = 0.30000004,所以进行*100,已经四舍五入(Math.tound).
在这里插入图片描述当iCur 等于目标时(iTarget),清除定时器,否则判断改变是否opacity,再分别进行计算。
在这里插入图片描述这是返回最终css属性的样式结果。
刚刚学习js,博客是为总结回顾自己学习的知识,如有讲错或不严谨,欢迎批评指教,如对你有所帮助,我将很高兴,谢谢大家。


本文来自互联网用户投稿,文章观点仅代表作者本人,不代表本站立场,不承担相关法律责任。如若转载,请注明出处。 如若内容造成侵权/违法违规/事实不符,请点击【内容举报】进行投诉反馈!

相关文章

立即
投稿

微信公众账号

微信扫一扫加关注

返回
顶部