如何在图片上面用js显示一个音频文件浮动,鼠标移到图片上面就会浮动上来一个音频显示器。
vue解决方案:
<audio>用<transition>标签包裹,先用v-show隐藏掉,然后监听鼠标移入事件,使v-show=true,移出等于false就好了 然后可以给transion个name,就可以自己设置过渡动画了
原生js也差不多,监听mouseenter事件和mouseout事件,在里面控制audio样式就好了
可以使用mouse的移动事件 移入增加class 移出删除class控制隐藏