js给网页加上背景音乐及选择音效的方法
作者:bea
本文实例讲述了js给网页加上背景音乐及选择音效的方法。分享给大家供大家参考。具体实现方法如下: 代码如下: <HTML> <HEAD> <TITLE>给网页加上背景音乐,选择音效功能</TITLE> <STYLE> <!--样式单 --> a{font-size:30pt;color:blue;font-family:Vineta BT} a:link{text-decoration:no
本文实例讲述了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程序设计有所帮助。
有用 | 无用
代码如下:
<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程序设计有所帮助。
有用 | 无用
猜你喜欢
您可能感兴趣的文章:
- js实现仿QQ秀换装效果的方法
- 深入理解JavaScript系列(43):设计模式之状态模式详解
- 深入理解JavaScript系列(42):设计模式之原型模式详解
- javascript 动态创建表格的2种方法总结
- 深入理解JavaScript系列(41):设计模式之模板方法详解
- 深入理解JavaScript系列(40):设计模式之组合模式详解
- 百度地图自定义控件分享
- jQuery实现仿淘宝带有指示条的图片转动切换效果完整实例
- 深入理解JavaScript系列(39):设计模式之适配器模式详解
- 深入理解JavaScript系列(38):设计模式之职责链模式详解
- 教你如何使用firebug调试功能了解javascript闭包和this
- 深入理解JavaScript系列(37):设计模式之享元模式详解
- jQuery插件开发的五种形态小结
- 深入理解JavaScript系列(36):设计模式之中介者模式详解
- 百度UEditor编辑器如何关闭抓取远程图片功能
- jQuery实现复选框成对选择及对应取消的方法
- js实现文本框中输入文字页面中div层同步获取文本框内容的方法
- JS实现文字放大效果的方法
- jQuery实现的感应鼠标悬停图片色彩渐显效果