编程 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入门·动态的时钟,显示完整的一些方法,新年倒计时

Oct 01 Javascript

JS 分号引起的一段调试问题

Jun 18 Javascript

js 关于=+与+=日期函数使用说明(赋值运算符)

Nov 15 Javascript

js正则表达exec与match的区别说明

Jan 29 Javascript

JQuery EasyUI 数字格式化处理示例

May 05 Javascript

JavaScript中变量声明有var和没var的区别示例介绍

Sep 15 Javascript

详细分析使用AngularJS编程中提交表单的方式

Jun 19 Javascript

jQuery下拉框的简单应用

Jun 24 Javascript

vue实现前台列表数据过滤搜索、分页效果

May 28 Javascript

vue + elementUI实现省市县三级联动的方法示例

Oct 29 Javascript

原生js实现下拉框选择组件

Jan 20 Javascript

vue特效之翻牌动画

Apr 20 Vue.js

分享一则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

一个更简单的无限级分类菜单代码

2007/01/16 PHP

discuz 首页四格：最新话题+最新回复+热门话题+精华文章插件

2007/08/19 PHP

thinkPHP框架实现类似java过滤器的简单方法示例

2018/09/05 PHP

javascript 简练的几个函数

2009/08/29 Javascript

table对象中的insertRow与deleteRow使用示例

2014/01/26 Javascript

IE中鼠标经过option触发mouseout的解决方法

2015/01/29 Javascript

JS实现的简单鼠标跟随DiV层效果完整实例

2015/10/31 Javascript

JQuery datepicker 用法详解

2015/12/25 Javascript

前端学习笔记style，currentStyle，getComputedStyle的用法与区别

2016/05/28 Javascript

JavaScript 限制文本框不可输入英文单双引号的方法

2016/12/20 Javascript

使用vue实现点击按钮滑出面板的实现代码

2017/01/10 Javascript

JS实现汉字与Unicode码相互转换的方法详解

2017/04/28 Javascript

Mac系统下Webstorm快捷键整理大全

2017/05/28 Javascript

Easyui ueditor 整合解决不能编辑的问题(推荐)

2017/06/25 Javascript

JS实现简单短信验证码界面

2017/08/07 Javascript

webpack4.x开发环境配置详解

2018/08/04 Javascript

详解微信小程序框架wepy踩坑记录（与vue对比）

2019/03/12 Javascript

JavaScript如何判断input数据类型

2020/02/06 Javascript

jQuery实现可以计算进制转换的计算器

2020/10/19 jQuery

vue开发chrome插件，实现获取界面数据和保存到数据库功能

2020/12/01 Vue.js

python通过exifread模块获得图片exif信息的方法

2015/03/16 Python

Python对列表中的各项进行关联详解

2017/08/15 Python

python 常用的基础函数

2018/07/10 Python

Python PIL读取的图像发生自动旋转的实现方法

2019/07/05 Python

python七种方法判断字符串是否包含子串

2020/08/18 Python

英国最大线上综合鞋类商城：Office

2017/12/08 全球购物

英国在线滑雪板和冲浪商店：The Board Basement

2020/01/11 全球购物

副护士长竞聘演讲稿

2014/04/30 职场文书

学生手册评语

2014/05/05 职场文书

学校创先争优活动总结

2014/08/28 职场文书

2015年新学期寄语

2015/02/26 职场文书

医疗纠纷调解协议书

2015/08/06 职场文书

市语委办2016年第十九届“推普周”活动总结

2016/04/05 职场文书

pytorch中的model=model.to(device)使用说明

2021/05/24 Python

Ajax异步刷新功能及简单案例

2021/11/20 Javascript

数据分析数据库ClickHouse在大数据领域应用实践

2022/04/03 MySQL