关于用js改变背景图片的问题（包含背景音乐）JQ也行，啥都行，请朋友们帮忙看看能不能写出来
有两个背景音乐，两张动态的GIF图片，一张静态图片（就是原图）。点击页面“下一个”按钮时，换背景图片1，同时播放音乐1.再点击下一个换背景图片2同时播放背景音乐2，只要两...
有两个背景音乐，两张动态的GIF图片，一张静态图片（就是原图）。点击页面“下一个”按钮时，换背景图片1，同时播放音乐1. 再点击下一个 换背景图片2同时播放背景音乐2，只要两个，循环就行了。刷新页面的时候默认显示静态图片，音乐不播放。
展开
2个回答
展开全部
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style type="text/css">
body { background-image: url(bg.jpg) ; }
</style>
</head>
<body>
<input id="bnt1" type="button" value="下一个">
<audio src="" autoplay="autoplay"></audio>
<script type="text/javascript" >
var oBtn=document.getElementById('bnt1');
var audio = document.getElementsByTagName('audio')[0];
var body = document.getElementsByTagName('body')[0];
var i=0;
var j=0;
var bg=new Array('bj1.gif','bj2.gif');//背景图片地址
var music=new Array('xusong.mp3','ytian.mp3');//歌曲地址
oBtn.onclick=function()
{
bj();
Music();
}
function bj()
{
i++;
if(i>bg.length-1)
{
i=0;
}
body.style.backgroundImage="url("+bg[i]+ ")";
}
function Music(){
j++;
if(j>music.length-1)
{
j=0;
}
audio.src = music[j];
}
</script>
</body>
</html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style type="text/css">
body { background-image: url(bg.jpg) ; }
</style>
</head>
<body>
<input id="bnt1" type="button" value="下一个">
<audio src="" autoplay="autoplay"></audio>
<script type="text/javascript" >
var oBtn=document.getElementById('bnt1');
var audio = document.getElementsByTagName('audio')[0];
var body = document.getElementsByTagName('body')[0];
var i=0;
var j=0;
var bg=new Array('bj1.gif','bj2.gif');//背景图片地址
var music=new Array('xusong.mp3','ytian.mp3');//歌曲地址
oBtn.onclick=function()
{
bj();
Music();
}
function bj()
{
i++;
if(i>bg.length-1)
{
i=0;
}
body.style.backgroundImage="url("+bg[i]+ ")";
}
function Music(){
j++;
if(j>music.length-1)
{
j=0;
}
audio.src = music[j];
}
</script>
</body>
</html>
更多追问追答
追问
这一段是这么改吗？？（图片地址和歌曲地址）图片和歌曲都是放在桌面的
，放入图片和歌曲点击下一个按钮没反应，你有QQ吗，可以加下问吗
追答
恩，和html文件放在一个文件夹里就OK了。你下载附件看一下
本回答由提问者推荐
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
博思aippt
2024-07-20 广告
作为深圳市博思云创科技有限公司的工作人员，对于Word文档生成PPT的操作，我们有以下建议：1. 使用另存为功能：在Word中编辑完文档后，点击文件->另存为，选择PowerPoint演示文稿（*.pptx）格式，即可将文档内容转换为PPT...
点击进入详情页
本回答由博思aippt提供
展开全部
<EMBED src="music1url" autostart="true" loop="true" width="80" height="20">
<IMG ID="imgID" src="img1url">
<input id="click0" />
$("#click0").click(function(){
$("embed")[0].src=='music1url'? $("embed")[0].src='music2url':$("embed")[0].src='music1url';//音乐进行切换。
$("#imgID")[0].src=='img1url'? $("#imgID")[0].src=='img2url':$("#imgID")[0].src=='img1url';//图片进行切换
}
<IMG ID="imgID" src="img1url">
<input id="click0" />
$("#click0").click(function(){
$("embed")[0].src=='music1url'? $("embed")[0].src='music2url':$("embed")[0].src='music1url';//音乐进行切换。
$("#imgID")[0].src=='img1url'? $("#imgID")[0].src=='img2url':$("#imgID")[0].src=='img1url';//图片进行切换
}
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
