changzheng-H5/success.html

<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>