编程 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 相关文章推荐

node.js中的events.emitter.once方法使用说明

Dec 10 Javascript

jQuery时间插件jquery.clock.js用法实例(5个示例)

Jan 14 Javascript

初识angular框架后的所思所想

Feb 19 Javascript

JS实现对中文字符串进行utf-8的Base64编码的方法(使其与Java编码相同)

Jun 21 Javascript

解决微信内置浏览器返回上一页强制刷新问题方法

Feb 05 Javascript

bootstrap table实现单击单元格可编辑功能

Mar 28 Javascript

JS利用正则表达式实现简单的密码强弱判断实例

Jun 16 Javascript

requirejs + vue 项目搭建详解

Jun 16 Javascript

jsTree事件和交互以及插件plugins详解

Aug 29 Javascript

JavaScript实现tab栏切换效果

Mar 16 Javascript

vue element 关闭当前tab 跳转到上一路由操作

Jul 22 Javascript

解决antd Form 表单校验方法无响应的问题

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

压力如何影响浓缩咖啡品质

2021/03/03 咖啡文化

浅谈PHP封装CURL

2019/03/06 PHP

基于jQuery的前端数据通用验证库

2011/08/08 Javascript

使用apply方法实现javascript中的对象继承

2013/12/16 Javascript

浅谈Jquery为元素绑定事件

2015/04/27 Javascript

最精简的JavaScript实现鼠标拖动效果的方法

2015/05/11 Javascript

jQuery实现带渐显效果的人物多级关系图代码

2015/10/16 Javascript

JSON+Jquery省市区三级联动

2016/01/13 Javascript

jQuery Ajax 实例代码 ($.ajax、$.post、$.get)

2016/04/29 Javascript

NODE.JS跨域问题的完美解决方案

2016/10/20 Javascript

jQuery获取选中单选按钮radio的值

2016/12/27 Javascript

使用 Node.js 模拟滑动拼图验证码操作的示例代码

2017/11/02 Javascript

Bootstrap-table使用footerFormatter做统计列功能

2018/09/07 Javascript

vue引入微信sdk 实现分享朋友圈获取地理位置功能

2019/07/04 Javascript

Vue $emit()不能触发父组件方法的原因及解决

2020/07/28 Javascript

Python 类的继承实例详解

2017/03/25 Python

基于Python os模块常用命令介绍

2017/11/03 Python

python字符串与url编码的转换实例

2018/05/10 Python

基于sklearn实现Bagging算法（python）

2019/07/11 Python

简单易懂Pytorch实战实例VGG深度网络

2019/08/27 Python

python GUI库图形界面开发之PyQt5线程类QThread详细使用方法

2020/02/26 Python

在python3中使用shuffle函数要注意的地方

2020/02/28 Python

Django 自定义404 500等错误页面的实现

2020/03/08 Python

Python基于time模块表示时间常用方法

2020/06/18 Python

TensorFlow的环境配置与安装教程详解（win10+GeForce GTX1060+CUDA 9.0+cuDNN7.3+tensorflow-gpu 1.12.0+python3.5.5）

2020/06/22 Python

世界各地的当地人的食物体验：Eatwith

2019/07/26 全球购物

网络安全方面的面试题

2015/11/04 面试题

食品营养与检测应届生求职信

2013/11/08 职场文书

学生评语大全

2014/04/18 职场文书

入党推优材料

2014/06/02 职场文书

查摆剖析材料范文

2014/09/30 职场文书

教师作风整改措施思想汇报

2014/10/12 职场文书

中学生旷课检讨书500字

2014/10/29 职场文书

2015年第十五个全民国防教育日宣传活动方案

2015/05/06 职场文书

上课迟到检讨书范文

2015/05/06 职场文书

分享几个JavaScript运算符的使用技巧

2021/04/24 Javascript