parent
31a2650a3b
commit
fbdca13ce8
|
@ -22,9 +22,24 @@
|
||||||
0%{
|
0%{
|
||||||
transform: scale(1);
|
transform: scale(1);
|
||||||
}
|
}
|
||||||
100%{
|
33%{
|
||||||
transform: scale(1.01);
|
transform: scale(1.01);
|
||||||
}
|
}
|
||||||
|
66%{
|
||||||
|
transform: scale(1);
|
||||||
|
}
|
||||||
|
72%{
|
||||||
|
transform: scale(1.01);
|
||||||
|
}
|
||||||
|
80%{
|
||||||
|
transform: scale(1);
|
||||||
|
}
|
||||||
|
88%{
|
||||||
|
transform: scale(1.01);
|
||||||
|
}
|
||||||
|
100%{
|
||||||
|
transform: scale(1);
|
||||||
|
}
|
||||||
}
|
}
|
||||||
@keyframes scale{
|
@keyframes scale{
|
||||||
0%{
|
0%{
|
||||||
|
@ -421,6 +436,8 @@
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
/*镜头拉近*/
|
/*镜头拉近*/
|
||||||
|
|
||||||
|
|
||||||
@keyframes scale-left{
|
@keyframes scale-left{
|
||||||
0{
|
0{
|
||||||
transform:scale(1,1);
|
transform:scale(1,1);
|
||||||
|
|
|
@ -156,6 +156,10 @@ body{
|
||||||
height: 100%;
|
height: 100%;
|
||||||
background: url(../image/img_01.png) no-repeat;
|
background: url(../image/img_01.png) no-repeat;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
|
animation: scale-body .6s linear infinite;
|
||||||
|
top:0px;
|
||||||
|
position: absolute;
|
||||||
|
|
||||||
}
|
}
|
||||||
.Lighting{
|
.Lighting{
|
||||||
position: fixed;
|
position: fixed;
|
||||||
|
|
|
@ -19,11 +19,16 @@
|
||||||
<!--舞台背景-->
|
<!--舞台背景-->
|
||||||
<div class="stage">
|
<div class="stage">
|
||||||
<div class="video" >
|
<div class="video" >
|
||||||
<video id="mousedown" autoplay muted src="image/vd.mp4" ></video>
|
<video id="mousedown" loop autoplay muted src="image/vd.mp4" ></video>
|
||||||
</div>
|
</div>
|
||||||
|
<!--音乐-->
|
||||||
|
<audio controls autoplay muted style="z-index: 999; position: fixed;display: none;">
|
||||||
|
<source src="muz/829094.mp3" type="audio/mpeg">
|
||||||
|
</audio>
|
||||||
|
<!--点击播放音乐-->
|
||||||
<script>
|
<script>
|
||||||
document.body.addEventListener('mousedown', function(){
|
document.body.addEventListener('mousedown', function(){
|
||||||
var vdo = $("video")[0]; //jquery
|
var vdo = $("audio")[0]; //jquery
|
||||||
vdo.muted = false;
|
vdo.muted = false;
|
||||||
}, false);
|
}, false);
|
||||||
</script>
|
</script>
|
||||||
|
|
|
@ -102,7 +102,7 @@ $(function(){
|
||||||
var sayIndex = Math.floor(Math.random()*sayArr.length);
|
var sayIndex = Math.floor(Math.random()*sayArr.length);
|
||||||
var actionIndex = Math.floor(Math.random()*actionArr.length);
|
var actionIndex = Math.floor(Math.random()*actionArr.length);
|
||||||
num++;
|
num++;
|
||||||
if(num==10){
|
if(num==300){
|
||||||
clearInterval(timer);
|
clearInterval(timer);
|
||||||
} else {
|
} else {
|
||||||
peopleObj(nameArr[nameIndex],sayArr[sayIndex],actionArr[actionIndex]);
|
peopleObj(nameArr[nameIndex],sayArr[sayIndex],actionArr[actionIndex]);
|
||||||
|
|
Binary file not shown.
Binary file not shown.
Loading…
Reference in New Issue