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

firefox浏览器不支持innerText的解决方法

Aug 07 Javascript

JavaScript通过正则表达式实现表单验证电话号码

Mar 07 Javascript

利用js制作html table分页示例(js实现分页)

Apr 25 Javascript

js实现二代身份证号码验证详解

Nov 20 Javascript

JS数组的常见用法实例

Feb 10 Javascript

元素绑定click点击事件方法

Jun 08 Javascript

Javascript将数字转化成为货币格式字符串

Jun 22 Javascript

Angular2内置指令NgFor和NgIf详解

Aug 03 Javascript

Angular 表单控件示例代码

Jun 26 Javascript

详谈javascript精度问题与调整

Jul 08 Javascript

js实现前端界面导航栏下拉列表

Aug 27 Javascript

解决Element中el-date-picker组件不回填的情况

Nov 07 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 中使用随机数的三个步骤

2006/10/09 PHP

解析php中eclipse 用空格替换 tab键

2013/06/24 PHP

PHP中copy on write写时复制机制介绍

2014/05/13 PHP

php异步多线程swoole用法实例

2014/11/14 PHP

PHP创建多级目录的两种方法

2016/10/28 PHP

PHP控制反转（IOC）和依赖注入（DI）

2017/03/13 PHP

PHP性能测试工具xhprof安装与使用方法详解

2018/04/29 PHP

Yii2框架数据验证操作实例详解

2018/05/02 PHP

Laravel 关联模型-关联新增和关联更新的方法

2019/10/10 PHP

jquery 屏蔽一个区域内的所有元素，禁止输入

2009/10/22 Javascript

jQuery中$.ajax()和$.getJson()同步处理详解

2015/08/12 Javascript

js采用concat和sort将N个数组拼接起来的方法

2016/01/21 Javascript

使用jQuery调用XML实现无刷新即时聊天

2016/08/07 Javascript

浅析Javascript ES6新增值比较函数Object.is

2016/08/24 Javascript

利用Node.js制作爬取大众点评的爬虫

2016/09/22 Javascript

JS实现动画兼容性的transition和transform实例分析

2016/12/13 Javascript

JavaScript循环_动力节点Java学院整理

2017/06/28 Javascript

JavaScript实现全选取消效果

2017/12/14 Javascript

把vue-router和express项目部署到服务器的方法

2018/02/21 Javascript

jQuery中event.target和this的区别详解

2020/08/13 jQuery

vue select 获取value和lable操作

2020/08/28 Javascript

python利用paramiko连接远程服务器执行命令的方法

2017/10/16 Python

python+selenium识别验证码并登录的示例代码

2017/12/21 Python

Tensorflow的可视化工具Tensorboard的初步使用详解

2018/02/11 Python

python3爬虫之设计签名小程序

2018/06/19 Python

IronPython连接MySQL的方法步骤

2019/12/27 Python

python 爬取马蜂窝景点翻页文字评论的实现

2020/01/20 Python

python 简单的调用有道翻译

2020/11/25 Python

python自动打开浏览器下载zip并提取内容写入excel

2021/01/04 Python

HTML5文档结构标签

2017/04/21 HTML / CSS

餐厅楼面部长岗位职责范文

2014/02/16 职场文书

纪念九一八事变83周年国旗下讲话稿

2014/09/15 职场文书

2015年艾滋病宣传活动总结

2015/03/27 职场文书

解决Mysql的left join无效及使用的注意事项说明

2021/07/01 MySQL

Python实现列表拼接和去重的三种方式

2021/07/02 Python

mysql定时自动备份数据库的方法步骤

2021/07/07 MySQL