jquery - 如何添加淡入淡出功能以在悬停功能上播放？

我有以下代码，将鼠标悬停在对象上时会激活声音，但想添加简单的淡入和淡出效果(悬停时渐入，悬停时渐出)。会很高兴的提示。

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

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

最佳答案

谢谢你

它似乎仍然不起作用。我更正了广告首先尝试的一些操作:

 function PlaySound(soundobj) {
var thissound=document.getElementById(soundobj);

/* putting sound on hold and setting volume to 0 */
thissound.pause().prop("volume", 0);

/* on mouse hover event, play sound and fade in the volume in 1s */
thissound.mouseover(function() {
    thissound.play().animate({volume: 1}, 1000);
});}

function StopSound(soundobj) {
var thissound=document.getElementById(soundobj);

/* on mouse out event, fade out the volume in 1s */
thissound.mouseout(function() {
    thissound.animate({volume: 0}, 1000)}
});
thissound.pause();
thissound.currentTime = 0;
}

我的问题是
初始音量设置是否应与PlaySound功能分开？
mouseout函数中的行应读取为:thissound.play().animate({volume: 0}, 1000)}
谢谢

关于jquery - 如何添加淡入淡出功能以在悬停功能上播放？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/36816498/