2

私は 3 つの画像の音で素敵なロールオーバーを持っています。ロールオフすると、一時停止します。現在行っているように、以前の場所から開始するのではなく、再びロールオーバーしたときに再起動させようとしています。一時停止を onmouseout で停止するように変更しようとしましたが、うまくいきませんでした...よろしくお願いします!!!!

ここに私が現在使用しているコードがあります

<head>
<audio id="sound1" src="audio/banner_vo_title.mp3"></audio>
<audio id="sound2" src="audio/banner_vo_authorname.mp3"></audio>
<audio id="sound3" src="audio/banner_vo_publication.mp3"></audio>
</head>


<div id="buttons">
<a href="link to a site" >
    <img src="images/stitch.png" width="345" height="78"
        onmouseover="document.getElementById('sound1').play()"    
        onmouseout="document.getElementById('sound1').pause()"/></a>
    <img src="images/author.png" width="392" height="78"      
         onmouseover="document.getElementById('sound2').play()"  
         onmouseout="document.getElementById('sound2').pause()"/>
    <img src="images/publication.png" width="346" height="78"
         onmouseover="document.getElementById('sound3').play()"             
         onmouseout="document.getElementById('sound3').pause()"/>
</a>
</div>
4

1 に答える 1

0

currentTimeを 0 にリセットします

https://developer.mozilla.org/en-US/docs/DOM/HTMLMediaElement

<a href="link to a site" >
    <img src="images/stitch.png" width="345" height="78"
        onmouseover="var sound=document.getElementById('sound1'); sound.currentTime=0;sound.play()"    
        onmouseout="document.getElementById('sound1').pause()"/></a>
</a>

提案、インライン HTML ハンドラを使用しないでください。JS と HTML を別々に操作する方がはるかに簡単です。

于 2012-11-27T19:41:51.947 に答える