js给网页加上背景音乐及选择音效的方法

更新时间：2015年03月03日 15:03:30 作者：代码家园

这篇文章主要介绍了js给网页加上背景音乐及选择音效的方法,涉及javascript操作音频的技巧,具有一定参考借鉴价值,需要的朋友可以参考下

本文实例讲述了js给网页加上背景音乐及选择音效的方法。分享给大家供大家参考。具体实现方法如下：

<HTML>

<HEAD>

<TITLE>给网页加上背景音乐，选择音效功能</TITLE>

<STYLE>

<!--样式单 -->

a{font-size:30pt;color:blue;font-family:Vineta BT}

a:link{text-decoration:none;}

a:hover{text-decoration:none;color:red}

a:visited{text-decoration:none;}

.20pt{font-size:20pt;color:#ff66cc}

</STYLE>

<script language=javascript>

var mid=new Array()

mid[1]="sound/201101/S01.wav"

mid[2]="sound/201101/S02.wav"

function clicksound(i)

{

  document.all.sound.src=mid[i]

}

</script>

</HEAD>

<BODY>

<bgsound id=sound src="" loop=1>

<bgsound src="sound/201101/Abuse.mid">

<center>

<a href="#" onclick="clicksound(1)">NO! NO! NO!</a><br>

<a href="#" onclick="clicksound(2)">You Win!欢呼!</a><br>

<hr width=700>

<font class=20pt>鼠标单击上面的内容时,会有动感的背景音效</font>

</center>

</BODY>

</HTML>

希望本文所述对大家的javascript程序设计有所帮助。

您可能感兴趣的文章:

JavaScript代码生成PDF文件的方法
如何使用js生成pdf文件呢，下面通过本文给大家分享JavaScript代码生成PDF文件的方法，需要的朋友参考下吧
2016-02-02
实例解析package.json和最常见的scripts字段
日常开发中，现在的前端开发已经被三大框架取代，其中最主流的不过vue和react，而开发这些项目的时候不得不接触package.json这个文件，可你真的了解这个文件吗？今天给大家聊聊package.json和最常见的scripts字段，感兴趣的朋友一起看看吧
2023-04-04
Bootstrap提示框效果的实例代码
本篇文章主要介绍了Bootstrap提示框效果的实例代码，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
2017-07-07
用JavaScript对JSON进行模式匹配 (Part 2 - 实现)
在上一篇文章里，我们完成了 Dispatcher 类的接口设计，现在我们就来考虑一下如何实现这个类。
2010-07-07
微信公众号H5支付接口调用方法
这篇文章主要介绍了微信公众号H5支付接口调用方法，微信内H5调用支付接口代码，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2019-01-01
JavaScript弹出对话框的三种方式
本文主要介绍了javascript中的三种弹出对话框，分别是alert()方法，confirm()方法，prompt()方法，对javascript弹出对话框相关知识感兴趣的朋友一起学习吧
2016-03-03
手机端转盘抽奖代码分享
转盘，也有一种说法叫抽奖转盘，大体上是由一块圆形的面板上面有很多的奖项设置，在圆形面板的前面，还有一根指针是固定的，下面，小编给大家分享手机端转盘抽奖，需要的朋友可以参考下
2015-09-09
JavaScript动态检测密码强度原理及实现方法详解
这篇文章主要介绍了JavaScript动态检测密码强度原理及实现方法,结合具体实例形式详细分析了javascript针对输入字符串密码强度检测的原理与相关判断操作技巧,需要的朋友可以参考下
2019-06-06
原生JavaScript实现进度条
这篇文章主要为大家详细介绍了原生JavaScript实现进度条，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2021-02-02
layui扩展上传组件模拟进度条的方法
今天小编就为大家分享一篇 layui扩展上传组件模拟进度条的方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
2019-09-09