javascript - 为按钮添加点击噪音

Question

我的网站上有 3 个 div，每个都是一个页面，可以像照片幻灯片一样显示。请在此处查看函数和代码:http://jsfiddle.net/jasper/EXfnN/29/

现在我需要在第二页添加一些按钮噪音，例如每次点击 ABC/National/Other 链接时应该有点击噪音。如何为按钮添加点击噪音？

一个合适的 Firefox 插件就可以了，因为这个站点是供信息亭使用的，而不是面向公众的。但是，我尝试了 Firefox Noise Addon，但它仅在链接链接到不同页面时有效，但当链接在同一页面上时(如我的情况)则无效。

有什么方法可以为在第二页上单击的每个按钮添加按钮噪音吗？如果是这样我该怎么做？任何代码/示例/教程都会有很大帮助。

提前致谢。

编辑:感谢您的所有回复。在你的帮助下，我已经完成了一半。目前有一个电子邮件提交功能，以及在单击按钮时将页面滑动到下一个。

有人可以将下面这些有用的代码与我的函数混合使用吗 here请？单击功能有点丢失，但有两个事件(声音和提交电子邮件)谢谢!

这里是附加邮件提交js。

function abcSubmit() {
$.ajax({
    type: "POST",
    url: "email.php", 
    data: "abc=abc", 
});
}

function nationalSubmit() {
$.ajax({
    type: "POST",
    url: "email.php", 
    data: "national=national", 
});
}

function otherSubmit() {
$.ajax({
    type: "POST",
    url: "email.php", 
    data: "other=other"
});
}

email.php 就像

if(isset($_POST['abc']))
{ 
$to      = 'abc@site.com';
$subject = 'Entrance notice';
$message = 'Hello ABC.';
$headers = 'From: webmaster@example.com' . "\r\n" .
    'Reply-To: webmaster@example.com' . "\r\n" .
    'X-Mailer: PHP/' . phpversion();
mail($to, $subject, $message, $headers);

}

Answer 1

您可以使用新的 HTML5 audio 标签来播放声音。 这是一个示例(它预加载并一次允许一个声音。适用于大多数浏览器)。

<input type="button" onclick="playSound()" value="Click me!" />

<script>

    var sound = document.createElement("audio");

    var src = document.createElement("source");
    src.src = "sound.wav";
    sound.appendChild(src);
    //More srcs...

    sound.load();
    sound.volume = 0;
    sound.play();

    function playSound() {

        sound.volume = 1;
        sound.currentTime = 0.01;
        setTimeout(function(){sound.play();},1);

    }

</script>

此外...如果用户不希望播放声音，则不要播放声音 ;)