js控制网页背景音乐播放与停止的方法
作者:bea
本文实例讲述了js控制网页背景音乐播放与停止的方法。分享给大家供大家参考。具体实现方法如下: 代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <h
本文实例讲述了js控制网页背景音乐播放与停止的方法。分享给大家供大家参考。具体实现方法如下:
代码如下:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>js控制背景音乐bgsound的方法(开始与停止)</title>
</head>
<body>
<script type="text/javascript">
var bg_sound=document.createElement_x("bgsound");//创建背景音乐
bg_sound.id="i_bg"//设置id属性
document.body.appendChild(bg_sound);//body中添加背景音乐
//bg_sound.src="tmp3.mp3";
i_bg.src="tmp3.mp3";//设置一个背景音乐文件
//应该也可以用write写出来,可以试下效果。
function bg_stop(){
i_bg.src="";
}
function bg_start(){
i_bg.src="tmp3.mp3";
}
</script>
<span ><a onclick="javascript:bg_stop();" href="javascript:void(0);">背景音乐停止</a></span> <span ><a onclick="javascript:bg_start();" href="javascript:void(0);">背景音乐开始</a></span>
</body>
</html>
希望本文所述对大家的javascript程序设计有所帮助。
有用 | 无用
代码如下:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>js控制背景音乐bgsound的方法(开始与停止)</title>
</head>
<body>
<script type="text/javascript">
var bg_sound=document.createElement_x("bgsound");//创建背景音乐
bg_sound.id="i_bg"//设置id属性
document.body.appendChild(bg_sound);//body中添加背景音乐
//bg_sound.src="tmp3.mp3";
i_bg.src="tmp3.mp3";//设置一个背景音乐文件
//应该也可以用write写出来,可以试下效果。
function bg_stop(){
i_bg.src="";
}
function bg_start(){
i_bg.src="tmp3.mp3";
}
</script>
<span ><a onclick="javascript:bg_stop();" href="javascript:void(0);">背景音乐停止</a></span> <span ><a onclick="javascript:bg_start();" href="javascript:void(0);">背景音乐开始</a></span>
</body>
</html>
希望本文所述对大家的javascript程序设计有所帮助。
有用 | 无用
猜你喜欢
您可能感兴趣的文章:
- js选项卡的实现方法
- js实现checkbox全选、不选与反选的方法
- angularJS中router的使用指南
- javascript实现按回车键切换焦点
- jquery中ajax使用error调试错误的方法
- JQuery中extend的用法实例分析
- jQuery中noConflict()用法实例分析
- jquery实现聚光灯效果的方法
- js实现Select下拉框具有输入功能的方法
- JQuery中serialize()用法实例分析
- jQuery中on()方法用法实例详解
- JS实现文字向下滚动完整实例
- jquery中filter方法用法实例分析
- Jquery对select的增、删、改、查操作
- JavaScript常用的弹出广告及背投广告实现方法
- js实现图片从左往右渐变切换效果的方法
- js实现多选项切换导航菜单的方法
- javascript实现多级联动下拉菜单的方法
- javascript强制点击广告的方法