mp3 원형트랙바 플레이어 > 팁

<style>
.timer { position:absolute; color:#ffffff; font-size:12pt; font-family:georgia; margin-top:-150px; }
</style>
<div id=mp3Player style=width:300px;height:300px;background-color:#eeeeee;border-width:10px;border-color:maroon>
https://blog.kakaocdn.net/dn/cxAIXs/btq5tESk6Ke/NmY7Y2K1CZbYp59y7H7kXK/tfile.mp3**https://blog.kakaocdn.net/dn/csNF5B/btq5pYkd9Pz/YD7i3AbUQBoeLhfItXhdK0/img.jpg
</div>
<span id=currentTimer class=timer style=margin-left:70px>00:00</span>
<span id=totalTimer  class=timer style=margin-left:205px>00:00</span>
<script>
mp3Player.onmouseover = function() {
    currentTimer.style.display = totalTimer.style.display = 'block';
}
mp3Player.onmouseout = function() {
    currentTimer.style.display = totalTimer.style.display = 'none';
}
</script>
<script src=https://blog.kakaocdn.net/dn/kBpAs/btq5sSjuYui/RGujzkc3kXGgHUkJOslCFk/tfile.js></script>
<div style=margin-top:40px></div>

00:00 00:00