案列
总体思路
-
完成html与css和动画
-
实现播放暂停主要代码
-
e.paused (暂停音频) \e.pause()
-
e.play() 播放
-
-
最后在暂停和播放的时候添加一些css动画属性
js
$('.open').click(function(){//点击次执行函数 audios() }) function audios(){ console.log($('#aud')) var play=$('#aud')[0]//将音乐转换成数组 console.log(play) if(play.paused){//如果音乐已经暂停了 play.play()//就播放 $('.open span').text('播放') $('.music-img').css('animation','fu2 5s ease infinite') $('.music-m').after().css('animation','fu1 2s infinite') }else{ play