代码之家  ›  专栏  ›  技术社区  ›  powtac

在鼠标悬停时播放音频文件(并在鼠标悬停时停止播放)

  •  3
  • powtac  · 技术社区  · 14 年前

    通过JavaScript在鼠标上播放音频文件的最佳解决方案是什么?当鼠标离开链接时停止。jQuery可用。

    <a href="/test.mp3" class="play">play</a>
    
    3 回复  |  直到 11 年前
        1
  •  3
  •   Lri    12 年前
    <audio id="mysound" src="mysound.wav"></audio>
    <button onmouseover="document.getElementById('mysound').play()" onmouseout="document.getElementById('mysound').pause()">Hover me!</button>
    
        2
  •  1
  •   unomi    14 年前
        3
  •  1
  •   TheBrain    14 年前
    <script type="text/javascript">
        (function($) {
            $(function(){
                    $("a.play").each(function() {
                      $(this).mouseover(function(){ 
                           var mp3file = $(this).attr('href');
                           // asign this mp3file to the player and play it
                      }).mouseout(function() { 
                           // tell the mp3 player to stop
                      });
                    });
            });
        })(jQuery);
    </script>