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

JS实现self的resend

Jul 22 Javascript

javascript正则匹配汉字、数字、字母、下划线

Apr 10 Javascript

SyntaxHighlighter 3.0.83使用笔记

Jan 26 Javascript

js获取form表单所有数据的简单方法

Aug 18 Javascript

浅谈JS读取DOM对象(标签)的自定义属性

Nov 21 Javascript

根据Bootstrap Paginator改写的js分页插件

Dec 25 Javascript

JS+html5制作简单音乐播放器

Sep 13 Javascript

微信小程序按钮滑动的实现方法

Sep 27 Javascript

js实现轮播图的完整代码

Oct 26 Javascript

微信小程序云函数添加数据到数据库的方法

Mar 04 Javascript

vue实现登录、注册、退出、跳转等功能

Dec 23 Vue.js

JS实现点击掉落特效

Jan 29 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/11/16 PHP

php中使用addslashes函数报错问题的解决方法

2013/02/06 PHP

PHP rmdir()函数的用法总结

2019/07/02 PHP

yii框架使用分页的方法分析

2019/07/25 PHP

thinkphp框架表单数组实现图片批量上传功能示例

2020/04/04 PHP

表单元素事件 (Form Element Events)

2009/07/17 Javascript

js去字符串前后空格5种实现方法及比较

2013/04/03 Javascript

JS获取url链接字符串 location.href

2013/12/23 Javascript

javascript引用类型之时间Date和数组Array

2015/08/27 Javascript

jQuery移动web开发中的页面初始化与加载事件

2015/12/03 Javascript

Javascript中call，apply，bind方法的详解与总结

2016/12/12 Javascript

JavaScript中String对象的方法介绍

2017/01/04 Javascript

vue-awesome-swiper滑块插件使用方法详解

2017/11/27 Javascript

jQuery实现弹窗下底部页面禁止滑动效果

2017/12/19 jQuery

JS实现用特殊符号替换字符串的中间部分区域的实例代码

2018/07/24 Javascript

微信小程序中使用wxss加载图片并实现动画效果

2018/08/13 Javascript

vue项目开发中setTimeout等定时器的管理问题

2018/09/13 Javascript

vue 父组件给子组件传值子组件给父组件传值的实例代码

2019/04/15 Javascript

基于vue-cli3+typescript的tsx开发模板搭建过程分享

2020/02/28 Javascript

js通过canvas生成图片缩略图

2020/10/02 Javascript

Python3 伪装浏览器的方法示例

2017/11/23 Python

安装python3的时候就是输入python3死活没有反应的解决方法

2018/01/24 Python

pandas 小数位数精度的处理方法

2018/06/09 Python

Python统计python文件中代码,注释及空白对应的行数示例【测试可用】

2018/07/25 Python

对matplotlib改变colorbar位置和方向的方法详解

2018/12/13 Python

python重要函数eval多种用法解析

2020/01/14 Python

税务专业毕业生自荐信

2013/11/10 职场文书

英语自我评价范文

2014/01/24 职场文书

运动会邀请函范文

2014/01/31 职场文书

学校后勤岗位职责

2014/02/19 职场文书

企业总经理任命书

2014/06/05 职场文书

小学优秀班主任材料

2014/12/17 职场文书

管辖权异议上诉状

2015/05/23 职场文书

消防安全培训工作总结

2015/10/23 职场文书

python绘图subplots函数使用模板的示例代码

2021/04/30 Python

面试官问我Mysql的存储引擎了解多少

2022/08/05 MySQL