首页 > 代码库 > 点击音频播放与暂停
点击音频播放与暂停
$("#music_btn").click(function(){ var music = document.getElementById(‘music‘); if(music.paused){ music.play(); $("#music_btn").attr("src","images/play_music.png");//播放状态图片 $(this).addClass("rotate"); }else{ music.pause(); $("#music_btn").attr("src","images/close_music.png");//暂停状态图片 $(this).removeClass("rotate");//控制图片是否转圈圈 } });
#audio_btn.rotate img{ animation: round 1.2s infinite ease-in-out; -webkit-animation: round 1.2s infinite linear; } @-webkit-keyframes round { 0%{transform:rotate(0deg);} 100% {transform:rotate(360deg);} } @-moz-keyframes round { 0%{transform:rotate(0deg);} 100% {transform:rotate(360deg);} } @keyframes round { 0%{transform:rotate(0deg);} 100% {transform:rotate(360deg);} }
点击音频播放与暂停
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。