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

一段多浏览器的"复制到剪贴板"javascript代码

Mar 27 Javascript

Easy.Ajax 部分源代码支持文件上传功能，兼容所有主流浏览器

Feb 24 Javascript

通过JS获取用户本地图片路径并显示的代码

Feb 16 Javascript

jQuery实现ichat在线客服插件

Dec 29 Javascript

jQuery匹配文档链接并添加class的方法

Jun 26 Javascript

jquery 实现输入邮箱时自动补全下拉提示功能

Oct 04 Javascript

Vue按需加载的具体实现

Dec 02 Javascript

JS实现左边列表移到到右边列表功能

Mar 28 Javascript

JS实现盒子跟着鼠标移动及键盘方向键控制盒子移动效果示例

Jan 29 Javascript

详解React服务端渲染从入门到精通

Mar 28 Javascript

微信小程序授权登录详解（附完整源码）

Aug 23 Javascript

JS实现扫雷项目总结

May 19 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

全国FM电台频率大全 - 12 安徽省

2020/03/11 无线电

PHP中uploaded_files函数使用方法详解

2011/03/09 PHP

PHP和Mysqlweb应用开发核心技术第1部分 Php基础－3 代码组织和重用2

2011/07/03 PHP

php cc攻击代码与防范方法

2012/10/18 PHP

php简单socket服务器客户端代码实例

2015/05/18 PHP

php通过文件头判断格式的方法

2016/05/28 PHP

Laravel 自动生成验证的实例讲解:login / logout

2019/10/14 PHP

PHP语言对接抖音快手小红书视频/图片去水印API接口源码

2020/08/11 PHP

JQuery 插件模板制作jquery插件的朋友可以参考下

2010/03/17 Javascript

js通过googleAIP翻译PHP系统的语言配置的实现代码

2011/10/17 Javascript

JavaScript版DateAdd和DateDiff函数代码

2012/03/01 Javascript

javascript获取所有同类checkbox选项(实例代码)

2013/11/07 Javascript

Javscript调用iframe框架页面中函数的方法

2014/11/01 Javascript

javascript实现带下拉子菜单的导航菜单效果

2015/05/14 Javascript

jQuery实现导航高亮的方法【附demo源码下载】

2016/11/09 Javascript

JS基于正则表达式的替换操作(replace)用法示例

2017/04/28 Javascript

原生JavaScript实现todolist功能

2018/03/02 Javascript

Vue项目服务器部署之子目录部署方法

2019/05/12 Javascript

环形加载进度条封装（Vue插件版和原生js版）

2019/12/04 Javascript

Python面向对象之继承代码详解

2018/01/29 Python

解决Python的str强转int时遇到的问题

2018/04/09 Python

python合并已经存在的sheet数据到新sheet的方法

2018/12/11 Python

Win10系统下安装labelme及json文件批量转化方法

2019/07/30 Python

python Manager 之dict KeyError问题的解决

2019/12/21 Python

pycharm设置默认的UTF-8编码模式的方法详解

2020/06/01 Python

python绕过图片滑动验证码实现爬取PTA所有题目功能附源码

2021/01/06 Python

HTML5标签嵌套规则详解【必看】

2016/04/26 HTML / CSS

馥绿德雅美国官方网站：Rene Furterer头皮护理专家

2019/05/01 全球购物

Shopping happy life西班牙：以最优惠的价格提供最好的时尚配饰

2020/03/13 全球购物

戴森比利时官方网站：Dyson BE

2020/10/03 全球购物

环境科学专业大学生自荐信格式

2013/09/21 职场文书

怎样有效的进行自我评价

2013/10/06 职场文书

仓库文员岗位职责

2014/04/06 职场文书

2016年感恩教师节活动总结

2016/04/01 职场文书

日本十大血腥动漫，那些被禁播的动漫盘点

2022/03/21 日漫

HTML5之高度塌陷问题的解决

2022/06/01 HTML / CSS