You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
59 lines
1014 B
59 lines
1014 B
<style type="text/css">
|
|
.sucIndex{
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
.sucIndex img{
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
.sucIndex .shi{
|
|
width: 6.35rem;
|
|
height: 2.71rem;
|
|
position: absolute;
|
|
left: 50%;
|
|
top:50%;
|
|
transform: translate(-50%,-50%);
|
|
overflow: hidden;
|
|
}
|
|
.sucIndex .shi img{
|
|
margin-left: -6.35rem;
|
|
}
|
|
.sucIndex .deepBtn{
|
|
width: 3.44rem;
|
|
height: .83rem;
|
|
position: absolute;
|
|
left: 50%;
|
|
bottom: 10%;
|
|
transform: translateX(-50%);
|
|
display: none;
|
|
}
|
|
.sucIndex .deepBtn img{
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
</style>
|
|
<div class="sucIndex">
|
|
<p class="bgm"><img src="img/success/bgm.png" /></p>
|
|
|
|
<div class="shi">
|
|
<img src="img/success/word.png"/>
|
|
</div>
|
|
<div class="deepBtn">
|
|
<img src="img/success/again.png"/>
|
|
</div>
|
|
</div>
|
|
|
|
<script type="text/javascript">
|
|
$('.shi img').animate({
|
|
'margin-left':'0'
|
|
},8000)
|
|
|
|
setTimeout(function(){
|
|
$('.deepBtn').fadeIn(1000)
|
|
},8000)
|
|
|
|
$('.deepBtn').click(function(){
|
|
window.location.reload();
|
|
})
|
|
</script>
|