Difference between revisions of "Team:CPU CHINA"

Line 91: Line 91:
 
}
 
}
 
.whole-carriage{
 
.whole-carriage{
 +
display:block;
 
position:relative;
 
position:relative;
 
animation:mymove 5s;
 
animation:mymove 5s;
Line 119: Line 120:
  
 
<!-- *****************************************马车动画*********************************************-->
 
<!-- *****************************************马车动画*********************************************-->
−
<video id="home-video" style="position:absolute;width:90%;margin-left:5%;top:17%;z-index:100;" controls="controls" loop="false" preload="preload">
+
<video id="home-video" style="position:absolute;width:90%;margin-left:5%;top:17%;z-index:100;display:none;" controls="controls" loop="false" preload="preload">
 
     <source src="https://static.igem.org/mediawiki/2018/5/58/T--CPU_CHINA--home-video.mp3" type="video/mp3"/>
 
     <source src="https://static.igem.org/mediawiki/2018/5/58/T--CPU_CHINA--home-video.mp3" type="video/mp3"/>
 
     <source src="https://static.igem.org/mediawiki/2018/b/be/T--CPU_CHINA--team-video2.mp4" type="video/mp4"/>
 
     <source src="https://static.igem.org/mediawiki/2018/b/be/T--CPU_CHINA--team-video2.mp4" type="video/mp4"/>
Line 159: Line 160:
 
 
 
var e = document.getElementById("whole-carriage");
 
var e = document.getElementById("whole-carriage");
−
e.addEventListener("animationend", function() {
+
        e.addEventListener("animationend", function() {
−
alert('css3运动结束！');
+
          $("#whole-carriage").hide();
−
});
+
          $("#home-video").show();
 +
        });
 
})
 
})
  

Revision as of 09:16, 17 October 2018