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

Jul 09 Javascript

JS实现鼠标滑过折叠与展开菜单效果代码

Sep 06 Javascript

Node.js刷新session过期时间的实现方法推荐

May 18 Javascript

jQuery EasyUI提交表单验证

Jul 19 Javascript

AngularJS动态加载模块和依赖的方法分析

Nov 08 Javascript

详解Vue.js——60分钟组件快速入门（上篇）

Dec 05 Javascript

bootstrap——bootstrapTable实现隐藏列的示例

Jan 14 Javascript

浅谈 Vue 项目优化的方法

Dec 16 Javascript

js读取本地文件的实例

Dec 22 Javascript

javascript回调函数详解

Feb 06 Javascript

在vue中使用G2图表的示例代码

Mar 19 Javascript

微信小程序页面上下滚动效果

Nov 18 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 对输入信息的进行安全过滤的函数代码

2012/06/29 PHP

destoon设置自定义搜索的方法

2014/06/21 PHP

PHP快速推送微信模板消息

2017/04/14 PHP

PHP检测接口Traversable用法详解

2017/12/29 PHP

PHPTree――php快速生成无限级分类

2018/03/30 PHP

js function使用心得

2010/05/10 Javascript

理解JavaScript中的对象推荐

2011/01/09 Javascript

深入了解Node.js中的一些特性

2014/09/25 Javascript

JavaScript学习笔记之Cookie对象

2015/01/22 Javascript

javascript中基本类型和引用类型的区别分析

2015/05/12 Javascript

javascript拖拽应用实例（二）

2016/03/25 Javascript

微信小程序教程之事件

2016/10/18 Javascript

使用JavaScript判断用户输入的是否为正整数(两种方法)

2017/02/05 Javascript

JavaScript Canvas绘制圆形时钟效果

2020/08/20 Javascript

Element Input组件分析小结

2018/10/11 Javascript

js实现淘宝首页的banner栏效果

2019/11/26 Javascript

JS document文档的简单操作完整示例

2020/01/13 Javascript

viewer.js实现图片预览功能

2020/06/24 Javascript

python中执行shell命令的几个方法小结

2014/09/18 Python

Python中利用原始套接字进行网络编程的示例

2015/05/04 Python

python实现飞机大战

2018/09/11 Python

对Python 窗体(tkinter)文本编辑器(Text)详解

2018/10/11 Python

PyQt5+requests实现车票查询工具

2019/01/21 Python

用python实现英文字母和相应序数转换的方法

2019/09/18 Python

Python绘图实现显示中文

2019/12/04 Python

研究生求职推荐信范文

2013/11/30 职场文书

八年级物理教学反思

2014/01/19 职场文书

服装店营销方案

2014/03/10 职场文书

2014银行领导班子群众路线对照检查材料思想汇报

2014/09/17 职场文书

2014年销售人员工作总结

2014/11/27 职场文书

小学庆六一主持词

2015/06/30 职场文书

中学音乐课教学反思

2016/02/18 职场文书

redis sentinel监控高可用集群实现的配置步骤

2022/04/01 Redis

CentOS7安装GlusterFS集群以及相关配置

2022/04/12 Servers

Java后端 Dubbo retries 超时重试机制的解决方案

2022/04/14 Java/Android

SpringBoot Http远程调用的方法

2022/08/14 Java/Android