javascript - js有问题

标签 javascript html css

<分区>


想改进这个问题吗? 更新问题,使其只关注一个问题 editing this post .

关闭 5 年前

此脚本从我的按钮中删除所有文本并使其成为绿色 block 。

function playSound(soundfile) {
  document.getElementById("musicButton").innerHTML =
    "<embed src=\"" + soundfile + "\" hidden=\"true\" autostart=\"true\" loop=\"false\" />";
}
<button id="musicButton" class="button" type="button" name="music" onmouseover="playSound('MySong.wav')">Hover Me For Sick Beats!</button>

最佳答案

这消除了对任何 HTML 元素的需求。

function playSound(soundfile) {
  var audio = new Audio(soundfile);
  audio.play();
}
<button id="musicButton" class="button" type="button" name="music" onmouseover="playSound('MySong.wav')">Hover Me For Sick Beats!</button>

关于javascript - js有问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/50067918/

上一篇:javascript - 如何将超链接的样式与 javascript 或 css 分开?

下一篇:html - 使文本上下颠倒显示,CSS 和 HTML5

相关文章:

javascript - 简单的 midi.js 播放器示例

php - 这种编码的名称是什么?

javascript - 检测两个动画 div 的碰撞

html - CSS 悬停不居中

javascript - 在按下某个字符后调用函数,但前提是手前有空格

javascript - 如何使用 Greasemonkey 代码替换 Head 脚本

javascript - 单击另一个 div 时折叠 div 的简单 jQuery 函数不起作用

javascript - 按下按键时禁用悬停

javascript - 如何根据文本制作 if 语句

html - 带有图像的 Flex 布局在 Firefox 中调整大小不均匀