鼠标移到指定位置听音乐javascript,play sound on hover. stop and reset on hoveroff

FantasticBB

于 2016-12-06 15:41:49 发布

阅读量2k

点赞数 2

分类专栏： javascript html hover 文章标签： javascript music hover

javascript 同时被 3 个专栏收录

5 篇文章

订阅专栏

html

4 篇文章

订阅专栏

hover

1 篇文章

订阅专栏

本文介绍了一种使用JavaScript实现的音乐播放功能。当鼠标悬停在指定区域时，音乐将从头开始播放；当鼠标移出该区域时，音乐停止播放。通过简单的HTML和JavaScript代码实现了这一交互效果。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

目标：
鼠标移动到指定位置，音乐从头播放；
鼠标移开，音乐停止播放；

<script>
function PlaySound(soundobj) {
    var thissound=document.getElementById(soundobj);
    thissound.play();
}

function StopSound(soundobj) {
    var thissound=document.getElementById(soundobj);
    thissound.pause();
    thissound.currentTime = 0;
}
</script>


<p onmouseover="PlaySound('mySound')" 
    onmouseout="StopSound('mySound')">Hover Over Me To Play</p>

<audio id='mySound' src='http://upload.wikimedia.org/wikipedia/commons/6/6f/Cello_Live_Performance_John_Michel_Tchaikovsky_Violin_Concerto_3rd_MVT_applaused_cut.ogg'/>