H5宣传页

清华大佬耗费三个月吐血整理的几百G的资源,免费分享!....>>>

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8"> 
	<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no">
	<meta name="apple-touch-fullscreen" content="YES">
	<meta name="apple-mobile-web-app-status-bar-style" content="black">
	<title>imitate xiaomi TV</title>
	<link rel="stylesheet" type="text/css" href="index.css">
	<script type="text/javascript" src="rem.js"></script>
	<script type="text/javascript" src="zepto.js"></script>
	<script type="text/javascript" src="touch.js"></script>
</head>
<body>
	<section class="canvans">
	</section>
	<section class="animElementImage animate-one" data-ani="fadeIn 5s ease 0s 1">
		<img src="img/bg1.png">
	</section>
	<section class="animElementImage animate-two" data-ani="bounceIn 1s ease 0s 1">
		<img src="img/TV1.png">
	</section>
	<section class="animElementImage animate-three" data-ani="fadeInRight 2s ease 0s 1">
		<img src="img/girl1.png">
	</section>
	<section class="animElementImage animate-xiaomilogo" data-ani="zoomIn 2s ease 0s 1">
		<img src="img/logo1.png">
	</section>
	<section class="animElementImage animate-titlelogo" data-ani="zoomIn 2s ease 0s 1">
		<img src="img/title1.png">
	</section>
	<section class="animElementImage animate-ticket" data-ani="wobble 2s ease 1s 1">
		<img src="img/ticket.png">
	</section>
	<section class="animElementImage animate-TV2" data-ani="fadeInLeft 2s ease 0s 1">
		<img src="img/TV2.png">
	</section>
	<section class="animElementImage animate-btn" data-ani="fadeInLeft 2s ease 0s 1">
		<section>摇出电影票</section>
		<section class="ticket">购买电影票</section>
	</section>
	<section class="animElementImage animate-text1" data-ani="fadeIn 4s ease 1s 1">
		<img src="img/text1.png">
	</section>
	<section class="animElementImage animate-TV3" data-ani="fadeInRight 2s ease 0s 1">
		<img src="img/TV3.png">
	</section>
	<section class="animElementImage animate-text2" data-ani="fadeIn 2s ease 1s 1">
		<img src="img/text2.png">
	</section>
	<section class="animElementImage animate-TV4" data-ani="fadeInLeft 2s ease 0s 1">
		<img src="img/TV4.png">
	</section>
	<section class="animElementImage animate-text3" data-ani="fadeIn 3s ease 1s 1">
		<img src="img/text3.png">
	</section>
	<section class="animElementImage animate-last" data-ani="fadeInRight 3s ease 0s 1">
		<img src="img/last.png">
	</section>
	<section class="animElementImage animate-text4" data-ani="fadeIn 3s ease 1s 1">
		<img src="img/text4.png">
	</section>
	<section class="animElementImage animate-TV5" data-ani="fadeInLeft 3s ease 0s 1">
		<img src="img/TV5.png">
	</section>
	<section class="animElementImage animate-text5" data-ani="fadeIn 3s ease 1s 1">
		<img src="img/text5.png">
	</section>
</body>
<script type="text/javascript">
	setTimeout(function(){
			new SliderTouch({

			});
		},100);
</script>
</html>