Question

所以基本上，这是用于在网站上自定义配置文件布局。

我无权更改网站html，我知道网页上没有<audio>标记。但我可以导入外部脚本，如javascript，css等。

所以我想询问是否有任何方法可以修改<img>或<a>标记，以便使用css，jscript或其他语言在鼠标悬停时另外播放音乐文件。

Answer 1

在javascript中：

var item = document.getElementById("img");
var music = new Audio('music.mp3');

item.addEventListener("mouseover", playMusic, false);
item.addEventListener("mouseout", stopMusic, false);

function playMusic() {
   music.play();
}

function stopMusic() {
   music.stop();
}

Answer 2

好的，所以我上面的答案不太正确，说实话，它开始播放，但它不会停止，因为 music.stop(); 不存在你应该使用：

music.pause(); - 暂停音频
music.currentTime = 0; - 从头开始播放音频。

var item = document.getElementById("img");
var music = new Audio('music.mp3');

item.addEventListener("mouseover", playMusic, false);
item.addEventListener("mouseout", stopMusic, false);

function playMusic() {
   music.play();
}

function stopMusic() {
   music.pause();
   music.currentTime = 0;
}

如果你只想让它在下一次悬停时从它结束的地方继续使用：

var item = document.getElementById("img");
var music = new Audio('music.mp3');

item.addEventListener("mouseover", playMusic, false);
item.addEventListener("mouseout", pauseMusic, false);

function playMusic() {
   music.play();
}

function pauseMusic() {
   music.pause();
}

在悬停时播放音乐？

2 个答案: