它部分工作,但我如何让下面的多个音频文件:
<!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>
两个图像都播放相同的声音.