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

两个listbox实现选项的添加删除和搜索

Mar 01 Javascript

表单序列化与jq中的serialize使用示例

Feb 21 Javascript

js实现jquery的offset()方法实例

Jan 10 Javascript

require简单实现单页应用程序(SPA)

Jul 12 Javascript

bootstrap modal弹出框的垂直居中

Dec 14 Javascript

用jQuery实现优酷首页轮播图

Jan 09 Javascript

完美解决spring websocket自动断开连接再创建引发的问题

Mar 02 Javascript

JavaScript实现form表单的多文件上传

Mar 27 Javascript

JS设置自定义快捷键并实现图片上下左右移动

Oct 17 Javascript

js实现选项卡效果

Mar 07 Javascript

JavaScript函数柯里化实现原理及过程

Dec 02 Javascript

详解Vue.js 可拖放文本框组件的使用

Mar 03 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

PHILIPS AE3805收音机的分析打磨

2021/03/02 无线电

PHP自毁程序(慎用)

2015/07/09 PHP

PHP实现留言板功能的详细代码

2017/03/25 PHP

window.addeventjs事件驱动函数集合addEvent等

2008/02/19 Javascript

jQuery学习笔记之jQuery选择器的使用

2010/12/22 Javascript

Js 弹出框口并返回值的两种常用方法

2010/12/30 Javascript

javascript中interval与setTimeOut的区别示例介绍

2014/03/14 Javascript

不使用ajax实现无刷新提交表单

2014/12/21 Javascript

JQuery radio（单选按钮）操作方法汇总

2015/04/15 Javascript

用JavaScript实现页面重定向功能的教程

2015/06/04 Javascript

Jquery实现弹性滑块滑动选择数值插件

2015/08/08 Javascript

bootstrap下拉菜单使用方法解析

2017/01/13 Javascript

从零开始学习Node.js系列教程二：文本提交与显示方法

2017/04/13 Javascript

jQuery EasyUI 选项卡面板tabs的使用实例讲解

2017/12/25 jQuery

微信小程序实现topBar底部选择栏效果

2018/07/20 Javascript

Django+vue跨域问题解决的详细步骤

2019/01/20 Javascript

Vue两个版本的区别和使用方法(更深层次了解)

2020/02/16 Javascript

JavaScript实现放大镜效果代码示例

2020/04/29 Javascript

js实现点击按钮随机生成背景颜色

2020/09/05 Javascript

解决VUE 在IE下出现ReferenceError: Promise未定义的问题

2020/11/07 Javascript

python解析xml文件实例分享

2013/12/04 Python

Python地图绘制实操详解

2019/03/04 Python

pyqt 实现在Widgets中显示图片和文字的方法

2019/06/13 Python

python使用pandas处理excel文件转为csv文件的方法示例

2019/07/18 Python

关于pymysql模块的使用以及代码详解

2019/09/01 Python

Pytorch 数据加载与数据预处理方式

2019/12/31 Python

pycharm 2020 1.1的安装流程

2020/09/29 Python

python中delattr删除对象方法的代码分析

2020/12/15 Python

Philosophy美国官网：美国美容品牌

2016/08/15 全球购物

香港家用健身器材、运动器材及健康美容仪器专门店：FitBoxx

2019/12/05 全球购物

学生无故旷课检讨书

2014/09/20 职场文书

指导老师鉴定意见

2015/06/05 职场文书

2015小学毕业班工作总结

2015/07/21 职场文书

初中班主任培训心得体会

2016/01/07 职场文书

2016年教师党员公开承诺书

2016/03/24 职场文书

MySQL里面的子查询的基本使用

2021/08/02 MySQL