编程 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常考语句107条收集

Mar 09 Javascript

Javascript delete 引用类型对象

Nov 01 Javascript

javascript与cookie 的问题详解

Nov 11 Javascript

深入理解JavaScript中的传值与传引用

Dec 09 Javascript

jquery实现submit提交表单

Feb 03 Javascript

JavaScript中Number.NEGATIVE_INFINITY值的使用详解

Jun 05 Javascript

工作中常用的js、jquery自定义扩展函数代码片段汇总

Dec 22 Javascript

原生JS仿QQ阅读点击展开、收起效果

Mar 08 Javascript

js实现鼠标拖拽div左右滑动

Jan 15 Javascript

vue-cli3使用mock数据的方法分析

Mar 16 Javascript

vue 数据操作相关总结

Dec 17 Vue.js

详解jQuery的核心函数和事件处理

Feb 18 jQuery

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

对讲机(1) React(6) i7 6700(1) i5 9400(1) R71E(1) GTX1660(1) win10(43) ICOM(2) DE1102(1) R72E(1)

You might like

收听困难？教您超简便短波广播抗干扰方法！

2021/03/01 无线电

php分页函数示例代码分享

2014/02/24 PHP

浅析php适配器模式（Adapter）

2014/11/25 PHP

php获取目录中所有文件名及判断文件与目录的简单方法

2017/03/04 PHP

Javascript实例教程(19) 使用HoTMetal(3)

2006/12/23 Javascript

超强的IE背景图片闪烁(抖动)的解决办法

2007/09/09 Javascript

js算法中的排序、数组去重详细概述

2013/10/14 Javascript

为Javascript中的String对象添加去除左右空格的方法(示例代码)

2013/11/30 Javascript

javascript实现的一个随机点名功能

2014/08/26 Javascript

nodejs中使用多线程编程的方法实例

2015/03/24 NodeJs

jQuery实现的网页左侧在线客服效果代码

2015/10/23 Javascript

JavaScript事件处理的方式(三种)

2016/04/26 Javascript

手机浏览器后退按钮强制刷新页面方法总结

2016/10/09 Javascript

Node.JS文件系统解析实例详解

2017/05/15 Javascript

AngularJs每天学习之总体介绍

2017/08/07 Javascript

详解angularjs popup-table 弹出框表格指令

2017/09/20 Javascript

bootstrap-Treeview实现级联勾选

2017/11/23 Javascript

jquery的$().each和$.each的区别

2019/01/18 jQuery

Node.js 在本地生成日志文件的方法

2020/02/07 Javascript

Vue实现PC端靠边悬浮球的代码

2020/05/09 Javascript

jQuery实现简单飞机大战

2020/07/05 jQuery

Python 学习笔记

2008/12/27 Python

在Python的Flask框架下收发电子邮件的教程

2015/04/21 Python

Python实现读取文件最后n行的方法

2017/02/23 Python

批量获取及验证HTTP代理的Python脚本

2017/04/23 Python

对Python进行数据分析_关于Package的安装问题

2017/05/22 Python

window7下的python2.7版本和python3.5版本的opencv-python安装过程

2019/10/24 Python

Python爬取爱奇艺电影信息代码实例

2019/11/26 Python

Python SMTP发送电子邮件的示例

2020/09/23 Python

英国PC组件和在线电脑商店：SCAN

2019/04/18 全球购物

文明礼仪演讲稿

2014/05/12 职场文书

节电标语大全

2014/06/23 职场文书

公司总经理岗位职责范本

2014/08/15 职场文书

辞职信标准格式

2015/02/27 职场文书

宣传部部长竞选稿

2015/11/21 职场文书

2016年教师师德师风心得体会

2016/01/12 职场文书