悬停时的Javascript动画[关闭]

Posted

技术标签:

【中文标题】悬停时的Javascript动画[关闭]【英文标题】:Javascript animation on hover [closed] 【发布时间】:2021-04-15 12:39:53 【问题描述】:

如何制作移动点的动画 沿着图形的边缘使用数组和事件列表器? 当您将光标悬停在动画上时动画开始,并沿同一路径返回其位置 与 css 中的过渡关键帧相同。任务中提到了for循环,并结合“左/右”“上/下”

你能解释一下我应该如何完成这项任务吗?

【问题讨论】:

您应该添加更多详细信息,以获得响应。你想做什么?你有代码要分享吗? 【参考方案1】:
<script type="text/javascript">
    const buttons = document.getElementsByClassName('CLASSNAME');
    buttons.forEach(btn => 
        btn.addEventListener('mouseover', function (e) 
            // Your Code Here
        )
    )
</script>

【讨论】:

以上是关于悬停时的Javascript动画[关闭]的主要内容,如果未能解决你的问题,请参考以下文章

悬停时的 jQuery 动画 |非常快的传球,停止动画

取消悬停时的 CSS3 动画

更改悬停时的动画速度

不悬停时的CSS动画

使用 css 动画更改悬停时的圆形背景

悬停时继续 CSS3 关键帧动画/悬停时停止重复