qq_40603871 2018-10-23 01:54 采纳率: 0%
浏览 1377

js实现点击图片切换图片时怎么同时也切换背景音乐?

如何也同时切换背景音乐?

 <script>
var a=new Array("images/04.jpg","images/05.jpg","images/06.jpg");
var b=new Array("music/01.mp3","music/02.mp3","music/03.mp3");
var i=0;
var h=0;
var n=0;
var timer;
function f()
{     i++;
     if(i>2){
       i=0;
      }
     document.getElementById("imageId").src = a[i];

    n=0;
    time();


}
function music(){

    h++;
    if(h>2)
        b=0;
    document.getElementById("musicId").src=b[h];



}
function time(){
     imageId.style.opacity=n;
     n=n+0.1;
     timer=setTimeout("time()",500);    
    if(n>=1)
        clearTimeout(timer);



   } 
</script>
<style>
.s1{ font-family:STCaiyun;font-size:60px;background:linear-gradient(30deg,#ff00ff,#00ff00);width:100%;
height:14.5%;font-weight:bold;text-align:center; }
#s2{ margin-top:0.5%; }
</style>
<div class="s1">
<br>Music   Wall
</div>
<div id="s2" >
<img src="images/04.jpg" width="1889" height="727" onclick="f()" onload="time()"  onclick="music()" id="imageId" >
<embed src="music/01.mp3" autostart=true loop=false hidden=true id="musicId" >
</div>


  • 写回答

2条回答 默认 最新

  • threenewbee 2018-10-23 17:25
    关注

    看这个例子:https://download.csdn.net/download/sinoyard/9722120
    采纳本回答留下email可以代下

    评论

报告相同问题?

悬赏问题

  • ¥15 关于#matlab#的问题:期望的系统闭环传递函数为G(s)=wn^2/s^2+2¢wn+wn^2阻尼系数¢=0.707,使系统具有较小的超调量
  • ¥15 FLUENT如何实现在堆积颗粒的上表面加载高斯热源
  • ¥30 截图中的mathematics程序转换成matlab
  • ¥15 动力学代码报错,维度不匹配
  • ¥15 Power query添加列问题
  • ¥50 Kubernetes&Fission&Eleasticsearch
  • ¥15 報錯:Person is not mapped,如何解決?
  • ¥15 c++头文件不能识别CDialog
  • ¥15 Excel发现不可读取的内容
  • ¥15 关于#stm32#的问题:CANOpen的PDO同步传输问题