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>
<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 实现 秒杀,团购 倒计时展示的记录 分享
这篇文章介绍了javascript 实现 秒杀,团购 倒计时展示的记录方法，有需要的朋友可以参考一下2013-07-07
这篇文章主要为大家详细介绍了bootstrap laydate日期组件使用，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-01-01
技术要点可以利用windows的open和closed来对子窗口的控制,需要父窗口和子窗口之间进行互动。2010-04-04
这篇文章主要介绍了用js语句实现网页中的选项卡（两种方法），非常不错，具有参考借鉴价值,需要的朋友可以参考下2017-06-06
这篇文章主要介绍了js实现全国省份城市级联下拉菜单效果代码,通过JavaScript针对数组的定义与元素的遍历实现省市级联菜单功能,非常具有实用价值,需要的朋友可以参考下2015-09-09
微信js-sdk预览图片接口及从拍照或手机相册中选图接口用法示例
这篇文章主要介绍了微信js-sdk预览图片接口及从拍照或手机相册中选图接口用法,较为详细的分析了预览图片接口及与拍照或手机相册中选图接口的功能、调用方法与相关使用技巧,需要的朋友可以参考下2016-10-10
在本篇文章中我们给大家通过实例讲解一下关于JavaScript页面加载事件的相关知识点内容，有需要的朋友们可以参考下。2019-09-09
下面小编就为大家带来一篇js调用父框架函数与弹窗调用父页面函数的简单方法。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-11-11
在本篇文章里小编给大家整理的是关于JS用最简单的方法实现四舍五入的实例内容，需要的朋友们学习下。2019-08-08
JS 遍历数组（循环数组）的方式有多种，但你都知道吗？下面这篇文章主要给大家介绍了关于JS中数组常用循环遍历的相关资料，需要的朋友可以参考下2021-06-06
最新评论