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

Js放到HTML文件中的哪个位置有什么区别

Aug 21 Javascript

js动态修改input输入框的type属性(实现方法解析)

Nov 13 Javascript

基于JavaScript实现Json数据根据某个字段进行排序

Nov 24 Javascript

AngularJS 整理一些优化的小技巧

Aug 18 Javascript

javascript数组对象常用api函数小结(连接,插入,删除,反转,排序等)

Sep 20 Javascript

几行js代码实现自适应

Feb 24 Javascript

php输出全部gb2312编码内的汉字方法

Mar 04 Javascript

JavaScript校验Number(4,1)格式的数字实例代码

Mar 13 Javascript

vue实现百度搜索下拉提示功能实例

Jun 14 Javascript

详解Vue 多级组件透传新方法provide/inject

May 09 Javascript

vue项目部署到Apache服务器中遇到的问题解决

Aug 24 Javascript

VUE项目初建和常见问题总结

Sep 12 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以ROOT权限执行系统命令的方法

2011/02/10 PHP

PHP操作MongoDB GridFS 存储文件的详解

2013/06/20 PHP

删除PHP数组中头部、尾部、任意元素的实现代码

2017/04/10 PHP

PHP实现的简单操作SQLite数据库类与用法示例

2017/06/19 PHP

php生成静态页面并实现预览功能

2019/06/27 PHP

php高性能日志系统 seaslog 的安装与使用方法分析

2020/02/29 PHP

Apply an AutoFormat to an Excel Spreadsheet

2007/06/12 Javascript

常规表格多表头查询示例

2014/02/21 Javascript

详解JavaScript对象和数组

2015/12/03 Javascript

AngularJS入门心得之directive和controller通信过程

2016/01/25 Javascript

浅析JavaScript 箭头函数 generator Date JSON

2016/05/23 Javascript

详细谈谈AngularJS的子级作用域问题

2016/09/05 Javascript

JS判断浏览器是否安装flash插件的简单方法

2016/09/13 Javascript

微信小程序实战实例开发流程详细介绍

2017/01/05 Javascript

EasyUI为Numberbox添加blur事件的方法

2017/03/05 Javascript

微信小程序获取循环元素id以及wx.login登录操作

2017/08/17 Javascript

基于layui数据表格以及传数据的方式

2018/08/19 Javascript

ES6知识点整理之函数数组参数的默认值及其解构应用示例

2019/04/17 Javascript

基于Node.js搭建hexo博客过程详解

2019/06/25 Javascript

[46:28]EG vs Liquid 2019国际邀请赛淘汰赛败者组 BO3 第二场 8.23

2019/09/05 DOTA

[01:18]PWL开团时刻DAY10——一拳超人

2020/11/11 DOTA

[53:44]DOTA2-DPC中国联赛正赛 PSG.LGD vs Magma BO3 第一场 1月31日

2021/03/11 DOTA

Python中的time模块与datetime模块用法总结

2016/06/30 Python

对Python3中的input函数详解

2018/04/22 Python

Flask框架Jinjia模板常用语法总结

2018/07/19 Python

python实现图像拼接

2020/03/05 Python

keras实现图像预处理并生成一个generator的案例

2020/06/17 Python

python 实现全球IP归属地查询工具

2020/12/18 Python

装潢设计专业推荐信模板

2013/11/26 职场文书

工作失职检讨书500字

2014/10/17 职场文书

2015年世界急救日宣传活动方案

2015/05/06 职场文书

PHP判断是否是json字符串

2021/04/01 PHP

图解排序算法之希尔排序Java实现

2021/06/26 Java/Android

vue实现书本翻页动画效果实例详解

2022/04/08 Vue.js

Python爬虫网络请求之代理服务器和动态Cookies

2022/04/12 Python

NASA 机智号火星直升机拍到了毅力号设备碎片

2022/04/29 数码科技