网站建设技术应用如何在鼠标触发时给网页添加声音

发布时间：2026-02-04 21:19:05 浏览次数：1

计算机应用程序的一个特点，是当你做某件事时会有反馈，最常见的反馈类型是声音。当你选择东西时，计算机会发出卡嗒声，当出现错误时，计算机会发出蜂鸣声，并发出其他噪音，提醒你注意情况。熟悉网站建设开发的人一定知道，但是网页中没有这种类型的反馈，这使他们显得迟钝或没有反应。但现实中很多客户有这种需求，如何在鼠标触发时给网页添加声音呢？幸运的是网站建设技术可以实现，而且改变这一点很容易，使用动态HTML属性和声音，您就可以创建更像应用程序的网页。当客户单击某物时添加声音当客户使用该属性单击某项时，以及客户使用该属性滚动某项时，此脚本将添加声音效果。请确保在不同的浏览器中测试它们，因为并不是所有的Web浏览器都在鼠标悬停和单击链接以外的元素上的属性上进行处理。将以下脚本放在HTML文档的头部：

<ｓｃｒｉｐｔ language="javascript" type="text/javascript">function playSound(soundfile) {document.getElementById("dummy").innerHTML= "<embed src=\""+soundfile+"\" hidden=\"true\" autostart=\"true\"loop=\"false\" />";}</ｓｃｒｉｐｔ>

将声音放置在空跨度中当脚本启动时，JavaScript将一个Embed元素放在一个空的span元素中。因此，您需要将以下SPAN标记添加到HTML页面正文中的某个位置，最好是在文档顶部附近：

<span ></span>

使用属性调用脚本您需要添加的最后一件事是一个元素，您希望在单击或鼠标悬停时生成声音。使用以下属性之一调用脚本。将UrlToSoundFile替换为要播放的声音文件的完整URL：

<a href="#"onclick="playSound('UrlToSoundFile');">Click here to hear a sound</a><ponmouseover="playSound('UrlToSoundFile');">Mouse over this text to hear a sound</p>

这是整个HTML文档，播放的是蓝调的声音。声音文件存储在HTML页面所在的目录中：

<!doctype html><html><head><meta charset="ISO-8859-1" /><title>Example of How to Play a Sound on Click or on MouseOver</title><ｓｃｒｉｐｔ language="javascript" type="text/javascript"> function playSound(soundfile) { document.getElementById("dummy").innerHTML= "<embed src=\""+soundfile+"\" hidden=\"true\" autostart=\"true\" loop=\"false\" />"; } </ｓｃｒｉｐｔ> </head><body><span ></span> <p><a href="#"onclick="playSound('zbluejay.wav');">Click here to hear a bird sing</a></p><ponmouseover="playSound('zbluejay.wav');">Or you can put your mouse over this paragraph to hear the same bird sound.</p></body></html>

上一篇：美国多ip云服务器租用价格及配置!美国多ip云服务器提供多少个ip? 下一篇：gtee.o是什么

知识问答

网站建设技术应用如何在鼠标触发时给网页添加声音

综合百科

网站导航