|
|
|
@ -107,21 +107,28 @@ |
|
|
|
opacity: 0.8; |
|
|
|
} |
|
|
|
} |
|
|
|
.logo{ |
|
|
|
position: absolute; |
|
|
|
left: 0.2rem; |
|
|
|
bottom: 0.2rem; |
|
|
|
width: 1rem!important; |
|
|
|
height: 1rem!important; |
|
|
|
} |
|
|
|
</style> |
|
|
|
</head> |
|
|
|
|
|
|
|
<body> |
|
|
|
<div id="wrap"> |
|
|
|
<!-- <canvas id="c"></canvas> --> |
|
|
|
<img src="./img/first.gif" alt="" class="first"> |
|
|
|
<!-- <img src="./img/5.jpg" class="firstimg" alt=""> --> |
|
|
|
<!-- <div class="dialog" style="opacity:0"> |
|
|
|
<img src="./img/5.jpg" class="firstimg" alt=""> |
|
|
|
<img src="./img/logo.png" class="logo" alt=""> |
|
|
|
<div class="dialog" style="opacity:0"> |
|
|
|
<p style="color: white;"> 时空隧道开启</p> |
|
|
|
</div> |
|
|
|
<img src="./img/djs.gif" class="djs" style="display:none" alt=""> |
|
|
|
<div class="suidao" style="display: none;"> |
|
|
|
<img src="./img/suidao.gif" alt=""> |
|
|
|
</div> --> |
|
|
|
</div> |
|
|
|
<script src="https://code.jquery.com/jquery-3.1.1.min.js"></script> |
|
|
|
|
|
|
|
</div> |
|
|
|
@ -134,54 +141,62 @@ |
|
|
|
'width': width, |
|
|
|
'height': height |
|
|
|
}) |
|
|
|
// $(".dialog").css({ |
|
|
|
// 'width': width, |
|
|
|
// 'height': height |
|
|
|
// }) |
|
|
|
// $('.suidao').css({ |
|
|
|
// 'width': width, |
|
|
|
// 'height': height |
|
|
|
// }) |
|
|
|
// $('.suidao img').css({ |
|
|
|
// 'width': width, |
|
|
|
// 'height': height |
|
|
|
// }) |
|
|
|
// $(".firstimg").addClass('imganimat') |
|
|
|
// setTimeout(function() { |
|
|
|
// $(".firstimg").css({ |
|
|
|
// 'opacity': '0', |
|
|
|
// 'z-index': '1' |
|
|
|
// }) |
|
|
|
|
|
|
|
// $(".dialog").animate({ |
|
|
|
// 'opacity':1 |
|
|
|
// },2000) |
|
|
|
$(".dialog").css({ |
|
|
|
'width': width, |
|
|
|
'height': height |
|
|
|
}) |
|
|
|
$('.suidao').css({ |
|
|
|
'width': width, |
|
|
|
'height': height |
|
|
|
}) |
|
|
|
$('.suidao img').css({ |
|
|
|
'width': width, |
|
|
|
'height': height |
|
|
|
}) |
|
|
|
$(".firstimg").addClass('imganimat') |
|
|
|
setTimeout(function() { |
|
|
|
$(".firstimg").css({ |
|
|
|
'opacity': '0', |
|
|
|
'z-index': '1' |
|
|
|
}) |
|
|
|
$(".logo").animate({ |
|
|
|
'opacity':0 |
|
|
|
},2000) |
|
|
|
$(".dialog").animate({ |
|
|
|
'opacity':1 |
|
|
|
},2000) |
|
|
|
|
|
|
|
// }, 2000) |
|
|
|
// setTimeout(function() { |
|
|
|
}, 2000) |
|
|
|
setTimeout(function() { |
|
|
|
|
|
|
|
// $(".dialog").css({ |
|
|
|
// display: 'none' |
|
|
|
// }) |
|
|
|
// $(".djs").css({ |
|
|
|
// display: 'block' |
|
|
|
// }) |
|
|
|
// }, 5000) |
|
|
|
// setTimeout(function() { |
|
|
|
// // $(".flash").css({ display: 'block' }) |
|
|
|
// $(".djs").css({ |
|
|
|
// display: 'none' |
|
|
|
// }) |
|
|
|
// $(".suidao").css({ |
|
|
|
// display: 'block' |
|
|
|
// }) |
|
|
|
// }, 8000) |
|
|
|
$(".dialog").css({ |
|
|
|
display: 'none' |
|
|
|
}) |
|
|
|
$(".djs").css({ |
|
|
|
display: 'block' |
|
|
|
}) |
|
|
|
}, 5000) |
|
|
|
setTimeout(function() { |
|
|
|
// $(".flash").css({ display: 'block' }) |
|
|
|
$(".djs").css({ |
|
|
|
display: 'none' |
|
|
|
}) |
|
|
|
$(".suidao").css({ |
|
|
|
display: 'block' |
|
|
|
}) |
|
|
|
}, 8000) |
|
|
|
// setTimeout(function(){ |
|
|
|
// $(".suidao").animate({ |
|
|
|
// 'opacity':0 |
|
|
|
// },13000) |
|
|
|
// }) |
|
|
|
|
|
|
|
}); |
|
|
|
|
|
|
|
setTimeout(function() { |
|
|
|
window.location.href="begin.html" |
|
|
|
}, 7800) |
|
|
|
|
|
|
|
}, 13000) |
|
|
|
// 横屏 |
|
|
|
</script> |
|
|
|
<script src="js/common.js" type="text/javascript" charset="utf-8"></script> |
|
|
|
<script src="js/three.min.js" type="text/javascript" charset="utf-8"></script> |
|
|
|
|
zlib0210
