如何在图片上显示浮动音频文件。

如何在图片上面用js显示一个音频文件浮动,鼠标移到图片上面就会浮动上来一个音频显示器。

vue解决方案:

<audio>用<transition>标签包裹,先用v-show隐藏掉,然后监听鼠标移入事件,使v-show=true,移出等于false就好了
然后可以给transion个name,就可以自己设置过渡动画了

原生js也差不多,监听mouseenter事件和mouseout事件,在里面控制audio样式就好了

可以使用mouse的移动事件 移入增加class 移出删除class控制隐藏