오디오 재생 및 일시 중지 클릭

1160 단어
var music = document.getElementById('music');
if(music.play){
 $("#music_btn").addClass("rotate");
}
$("#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);}
}

  
다음으로 전송:https://www.cnblogs.com/Anne3/p/6862905.html

좋은 웹페이지 즐겨찾기