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程序设计有所帮助。

Javascript 相关文章推荐
关于JavaScript的gzip静态压缩方法
Jan 05 Javascript
JavaScript定义类的几种方式总结
Jan 06 Javascript
js实现iPhone界面风格的单选框和复选框按钮实例
Aug 18 Javascript
基于jQuery和CSS3制作数字时钟附源码下载(jquery篇)
Nov 24 Javascript
javascript中的作用域和闭包详解
Jan 13 Javascript
Bootstrap学习系列之使用 Bootstrap Typeahead 组件实现百度下拉效果
Jul 07 Javascript
Javascript 闭包详解及实例代码
Nov 30 Javascript
原生JS实现简单放大镜效果
Feb 08 Javascript
原生js实现选项卡功能
Mar 08 Javascript
React Native 使用Fetch发送网络请求的示例代码
Dec 02 Javascript
在Vue项目中使用Typescript的实现
Dec 19 Javascript
JavaScript实现猜数字游戏
May 20 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/02/05 PHP
基于PHP实现短信验证码接口(容联运通讯)
2016/09/06 PHP
php实现通过soap调用.Net的WebService asmx文件
2017/02/27 PHP
PHP图片水印类的封装
2017/07/06 PHP
详解laravel安装使用Passport(Api认证)
2018/07/27 PHP
php设计模式之工厂方法模式分析【星际争霸游戏案例】
2020/01/23 PHP
jQuery 点击图片跳转上一张或下一张功能的实现代码
2010/03/12 Javascript
浏览器的JavaScript引擎的识别方法
2013/10/20 Javascript
HTML页面弹出居中可拖拽的自定义窗口层
2014/05/07 Javascript
jQuery选择器之基本选择器与层次选择器
2015/03/03 Javascript
nodejs中的fiber(纤程)库详解
2015/03/24 NodeJs
jQuery 自定义下拉框(DropDown)附源码下载
2016/07/22 Javascript
Google 地图API资料整理及详细介绍
2016/08/06 Javascript
jQuery删除当前节点元素
2016/12/07 Javascript
详解微信小程序开发之——wx.showToast(OBJECT)的使用
2017/01/18 Javascript
js实现简单的二级联动效果
2017/03/09 Javascript
AngularJS使用ocLazyLoad实现js延迟加载
2017/07/05 Javascript
JS获取填报扩展单元格控件的值的解决办法
2017/07/14 Javascript
深入研究jQuery图片懒加载 lazyload.js使用方法
2017/08/16 jQuery
jQuery基于cookie实现换肤功能实例
2017/10/14 jQuery
详解从vue-loader源码分析CSS Scoped的实现
2019/09/23 Javascript
详解JavaScript 高阶函数
2020/09/14 Javascript
python获得一个月有多少天的方法
2015/06/04 Python
python实时分析日志的一个小脚本分享
2017/05/07 Python
Python之Django自动实现html代码(下拉框,数据选择)
2020/03/13 Python
使用canvas实现黑客帝国数字雨效果
2020/01/02 HTML / CSS
Gap中国官网:美式休闲风服饰
2017/02/05 全球购物
澳大利亚最好的厨具店:Kitchen Warehouse
2018/03/13 全球购物
新加坡最佳婴儿用品店:Mamahood.com.sg
2018/08/26 全球购物
土木工程实习生自我鉴定
2013/09/19 职场文书
幼师专业毕业生自荐信
2013/09/29 职场文书
趣味比赛活动方案
2014/02/15 职场文书
社区科普工作方案
2014/06/03 职场文书
2014年教师批评与自我批评思想汇报
2014/09/20 职场文书
群众路线学习心得体会范文
2014/11/05 职场文书
高二数学教学反思
2016/02/18 职场文书