音频鼠标悬停

它，它工作的一部分，但我如何得到下面的多个音频文件的工作：音频鼠标悬停

<!DOCTYPE HTML> 
    <html> 
    <body> 

    <script language="javascript" src="http://code.jquery.com/jquery-1.4.2.min.js"></script> 

    <script type="text/javascript"> 
    $(function(){ 
     var birdhover  = $('.birds'); 
      var birdaudio = birdhover.find('audio')[0]; 

     birdhover.hover(function(){ 
      birdaudio.play(); 
     }, function(){ 
      birdaudio.stop(); 
     }); 
    }); 
    </script> 

    <div class="birds" style="width:30px;height:30px;background-image:url(image1.gif');cursor:pointer;"> 
     <audio src="sound1.ogg" preload="auto"></audio> 
    </div> 

    <div class="birds" style="width:30px;height:30px;background-image:url('/home/imran/Desktop/images/vowel_short_2.gif');cursor:pointer;"> 
(image2.gif');cursor:pointer;"> 
     <audio src="sound2.ogg" preload="auto"></audio> 
    </div> 

    </body> 
    </html>

两个图像播放同样的声音。

来源

2010-07-27 oshirowanen

，如果你不介意使用HTML5：

HTML

<div class="birds"> 
    <audio src="/sounds/bird.mp3" preload="auto"></audio> 
</div>

的Javascript

$(function(){ 
    var birdhover  = $('.birds'); 
     var birdaudio = birdhover.find('audio')[0]; 

    birdhover.hover(function(){ 
     birdaudio.play(); 
    }, function(){ 
     birdaudio.stop(); 
    }); 
});

http://www.w3schools.com/html5/tag_audio.asp

来源

2010-07-27 10:55:55 jAndy

HTML5的+1 ... – Marko 2010-07-27 11:00:44

我刚试过这个，它只是产生一个空白的屏幕？我应该在音频标签之间放置一个图像吗？ – oshirowanen 2010-07-27 12:13:01

我使用铬5.x. – oshirowanen 2010-07-27 12:16:56

更新的多种声音文件
这是我用什么之前： http://plugins.jquery.com/project/sound

用法：

$("#sound").sound({swf: url}); 
$("#sound").load(url); 
$("#sound").play(); 
$("#sound").pause(); 
$("#sound").stop(); 
$("#sound").volume(0-100);

（从jQuery插件页面采取）的鼠标悬停：

$('#selector').mouseover(function() { 
    $("#sound").play('path/to/wav/or/mp3'); 
}); 

$('#second-selector').mouseover(function() { 
    $("#sound2").play('path/to/second/wav/or/mp3'); 
});

来源

2010-07-27 10:52:36

我试图使用这个插件，但我无法得到它的工作，我在这里发布我的问题：http://stackoverflow.com/questions/7942760/jquery-sound你能帮我吗？ – L84 2011-10-30 02:19:14

音频鼠标悬停

回答

相关问题