因此，我正在创建一个Webflow网站，我想在其中添加几个图像，以便在悬停时播放不同的音频剪辑。

此外，如果可能的话，添加显示剩余时间的滑动效果。将不透明度更改为稍暗的阴影，并在滑块从左向右移动时恢复正常，就像YouTube上的时间条一样，但在整个图像上。

任何建议，指点，或资源，可以引导我在正确的方向将不胜感激。

顺晟科技：

添加onMouseOver属性，以便在使用element.play()命令悬停某个音频文件时触发该元素。

要在不悬停时暂停音频文件，可以使用onMouseOut属性，并将其与element.pause()命令结合使用：

时间条需要大量的脚本，这是第二个问题。所以这是错误的平台。

<代码><；IMG SRC=“ https：//via.placeholder.com/200.jpg ”onmouseover=“ document.getElementById（' audio-1 '）.play（）”onmouseout=“ document.getElementById（' audio-1 '）.pause（）”>；<；audio ID=“ audio-1 ” SRC=“ https：//file-examples-com.github.io/uploads/2017/11/file_example_mp3_700kb.mp3 ” amp；gt；