编程 Javascript

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

Posted in Javascript onMarch 03, 2015

本文实例讲述了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程序设计有所帮助。

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

- Author -

代码家园

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

JQUERY THICKBOX弹出层插件

Aug 30 Javascript

node.js中的fs.fchmod方法使用说明

Dec 16 Javascript

window.onerror()的用法与实例分析

Jan 27 Javascript

Angular-Touch库用法示例

Dec 22 Javascript

jQuery实现淡入淡出的模态框

Feb 09 Javascript

js+canvas实现动态吃豆人效果

Mar 22 Javascript

WebPack配置vue多页面的技巧

May 15 Javascript

vue-router 源码实现前端路由的两种方式

Jul 02 Javascript

详解vue中axios的封装

Jul 18 Javascript

在vue项目中使用codemirror插件实现代码编辑器功能

Aug 27 Javascript

ElementUI多个子组件表单的校验管理实现

Nov 07 Javascript

ant-design表单处理和常用方法及自定义验证操作

Oct 27 Javascript

分享一则JavaScript滚动条插件源码

Mar 03 #Javascript

深入理解JavaScript系列（35）：设计模式之迭代器模式详解

Mar 03 #Javascript

jQuery选择器之基本选择器与层次选择器

Mar 03 #Javascript

JS实现在网页中弹出一个输入框的方法

Mar 03 #Javascript

深入理解JavaScript系列（34）：设计模式之命令模式详解

Mar 03 #Javascript

深入理解JavaScript系列（33）：设计模式之策略模式详解

Mar 03 #Javascript

JavaScript模拟重力状态下抛物运动的方法

Mar 03 #Javascript

You might like

PHP 和 XML: 使用expat函数(二)

2006/10/09 PHP

探寻PHP脚本不报错的原因

2014/06/12 PHP

laravel框架中表单请求类型和CSRF防护实例分析

2019/11/23 PHP

PhpStorm的使用教程(本地运行PHP+远程开发+快捷键)

2020/03/26 PHP

jquery 表单进行客户端验证demo

2009/08/24 Javascript

『jQuery』名称冲突使用noConflict方法解决

2013/04/22 Javascript

javascript运行机制之this详细介绍

2014/02/07 Javascript

基于jQuery.Hz2Py.js插件实现的汉字转拼音特效

2015/05/07 Javascript

JavaScript优化专题之Loading and Execution加载和运行

2016/01/20 Javascript

javascript中异常处理案例(推荐)

2016/10/03 Javascript

JavaScript的兼容性与调试技巧

2016/11/22 Javascript

nodejs的压缩文件模块archiver用法示例

2017/01/18 NodeJs

微信小程序中多个页面传参通信的学习与实践

2017/05/05 Javascript

Node.js 实现简单的接口服务器的实例代码

2017/05/23 Javascript

微信小程序实现简单input正则表达式验证功能示例

2017/11/30 Javascript

浅析vue 函数配置项watch及函数 $watch 源码分享

2018/11/22 Javascript

layui 实现二级弹窗弹出之后关闭一级弹窗的方法

2019/09/18 Javascript

解决vue 表格table列求和的问题

2019/11/06 Javascript

js实现滑动滑块验证登录

2020/07/24 Javascript

Django的HttpRequest和HttpResponse对象详解

2018/01/26 Python

python爬虫使用真实浏览器打开网页的两种方法总结

2018/04/21 Python

python中类的属性和方法介绍

2018/11/27 Python

python图形开发GUI库pyqt5的详细使用方法及各控件的属性与方法

2020/02/14 Python

pytorch dataloader 取batch_size时候出现bug的解决方式

2020/02/20 Python

python利用tkinter实现图片格式转换的示例

2020/09/28 Python

css3实现小箭头各种图形效果

2020/07/08 HTML / CSS

CSS3动画和HTML5新特性详解

2020/08/31 HTML / CSS

英国剑桥包官网：The Cambridge Satchel Company

2016/08/01 全球购物

金融专业大学生职业生涯规划范文

2014/01/16 职场文书

小学毕业家长寄语

2014/01/19 职场文书

土建专业大学生自荐信范文

2014/04/09 职场文书

用人单位终止解除劳动合同证明书

2014/10/06 职场文书

考生诚信考试承诺书

2015/04/29 职场文书

房屋维修申请报告

2015/05/18 职场文书

2015婚礼主持词开场白

2015/05/28 职场文书

python基于opencv批量生成验证码的示例

2021/04/28 Python