<!DOCTYPE html>
<!-- saved from url=(0169)http://www.h6app.com/wap/module/cxgc2/index.html?mcode=rbzs76&nsukey=w%2FVGRxtnuquJCd8tNhPhYL9KowA%2Fv7wIiPKWu9MVro9QESkpKggyI4MiWC6QGOmJTI%2FDJOcL4f5%2FayAZpT984g%3D%3D -->
<html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta charset="utf-8">
<title>2014创新工场校园行</title>
<link rel="stylesheet" href="http://www.h6app.com/static/css/wap/cxgc2/skin.css">
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0">
<meta name="format-detection" content="telephone=no">
<meta name="MobileOptimized" content="320">
</head>
<body>
<!--loading start-->
<div class="page" id="loading">
<div class="bg"><img src="http://www.h6app.com/static/images/cxgc2/loading.jpg" /></div>
<div class="dove auto-x animate"><img src="http://www.h6app.com/static/images/cxgc2/dove.png" /></div>
<div class="title auto-x animate"><img src="http://www.h6app.com/static/images/cxgc2/title.png" /></div>
<div class="percent auto-x">加载中...</div>
</div>
<!--loading end-->
<script>
var link = window.location.hash;
if ( link == "#form" )
{
document.getElementById("loading").style.display = "none";
}
</script>
<!--lock start-->
<div class="page" id="lock">
<div class="bg"><img loadsrc="http://www.h6app.com/static/images/cxgc2/lock.jpg" /></div>
<div class="university auto-x animate"><img loadsrc="http://www.h6app.com/static/images/cxgc2/university.png" /></div>
<div class="logo auto-x animate"><img loadsrc="http://www.h6app.com/static/images/cxgc2/logo.png" /></div>
<div class="text-1 auto-x animate"><img loadsrc="http://www.h6app.com/static/images/cxgc2/text-1.png" /></div>
<div class="text-2 auto-x animate">北京大学站<br>12月4日 19:30~21:30<br>地点：光华管理学院1号楼(老楼)101教室</div>
<a class="start auto-x animate"><img loadsrc="http://www.h6app.com/static/images/cxgc2/start.png" /></a>
<div class="text-3 auto-x animate">学术支持单位:<br/>“北京大学光华管理学院职业发展中心”<br/>“北京大学光华管理学院MBA项目中心”</div>
<div class="text-4 auto-x animate">由未来应用提供技术支持<br>www.h6app.com</div>
<div class="cloud animate">
<div class="cloud-1"><div data-depth="2"><img loadsrc="http://www.h6app.com/static/images/cxgc2/cloud-1.png" /></div></div>
<div class="cloud-2"><div data-depth="4"><img loadsrc="http://www.h6app.com/static/images/cxgc2/cloud-2.png" /></div></div>
<div class="cloud-3"><div data-depth="4"><img loadsrc="http://www.h6app.com/static/images/cxgc2/cloud-3.png" /></div></div>
<div class="cloud-4"><div data-depth="4"><img loadsrc="http://www.h6app.com/static/images/cxgc2/cloud-4.png" /></div></div>
</div>
</div>
<!--lock end-->
<!--分屏动画 start-->
<div class="swiper-container" id="mySwiper">
<div class="swiper-wrapper">
<!--第一屏 start-->
<div class="swiper-slide swiper-no-prev" data-page="1">
<div class="bg"><img loadsrc="http://www.h6app.com/static/images/cxgc2/1.jpg" /></div>
<div class="audience auto-x animate"><img loadsrc="http://www.h6app.com/static/images/cxgc2/audience.png" /></div>
<div class="guests auto-x animate"><img loadsrc="http://www.h6app.com/static/images/cxgc2/guests.png" /></div>
<div class="text-5 auto-x animate"><img loadsrc="http://www.h6app.com/static/images/cxgc2/text-5.png" /></div>
</div>
<!--第一屏 end-->
<!--第六屏 start-->
<div class="swiper-slide" data-page="6">
<div class="bg"><img loadsrc="http://www.h6app.com/static/images/cxgc2/4.jpg" /></div>
<div class="text-18 auto-x animate"><img loadsrc="http://www.h6app.com/static/images/cxgc2/text-18.png" /></div>
<div class="down auto-x animate">
<div class="bg"><img loadsrc="http://www.h6app.com/static/images/cxgc2/down.png" /></div>
<div class="b b-1">
<div class="bg"><img loadsrc="http://www.h6app.com/static/images/cxgc2/b.png" /></div>
<div class="slogo"><img loadsrc="http://www.h6app.com/static/images/cxgc2/slogo.png" /></div>
</div>
<div class="b b-2">
<div class="bg"><img loadsrc="http://www.h6app.com/static/images/cxgc2/b.png" /></div>
<div class="page"><img loadsrc="http://www.h6app.com/static/images/cxgc2/head.png" /></div>
<div class="page light"><img loadsrc="http://www.h6app.com/static/images/cxgc2/light.png" /></div>
</div>
<div class="b b-3">
<div class="bg"><img loadsrc="http://www.h6app.com/static/images/cxgc2/b.png" /></div>
<div class="page"><img loadsrc="http://www.h6app.com/static/images/cxgc2/d.png" /></div>
<div class="page dg"><img loadsrc="http://www.h6app.com/static/images/cxgc2/dg.png" /></div>
</div>
<a class="step step-1"><img loadsrc="http://www.h6app.com/static/images/cxgc2/step.png" /></a>
<a class="step step-2"><img loadsrc="http://www.h6app.com/static/images/cxgc2/step.png" /></a>
<a class="step step-3"><img loadsrc="http://www.h6app.com/static/images/cxgc2/step.png" /></a>
<a class="update update-1"><img loadsrc="http://www.h6app.com/static/images/cxgc2/update.png" /></a>
<a class="update update-2"><img loadsrc="http://www.h6app.com/static/images/cxgc2/update.png" /></a>
<a class="update update-3"><img loadsrc="http://www.h6app.com/static/images/cxgc2/update.png" /></a>
</div>
<div class="text-19 auto-x animate"><img loadsrc="http://www.h6app.com/static/images/cxgc2/text-19.png" /></div>
</div>
<!--第六屏 end-->
<!--第七屏 start-->
<div class="swiper-slide" data-page="7">
<div class="bg"><img loadsrc="http://www.h6app.com/static/images/cxgc2/3.jpg" /></div>
<div class="guests-title auto-x animate"><img loadsrc="http://www.h6app.com/static/images/cxgc2/guests-title.png" /></div>
<div class="class-box class-boxs animate"><img loadsrc="http://www.h6app.com/static/images/cxgc2/class-box-3.png" /></div>
<div class="name animate"><h3>王俊煜</h3>豌豆荚 联合创始人+CEO</div>
<div class="photo animate">
<div class="bg"><img loadsrc="http://www.h6app.com/static/images/cxgc2/photo.png" /></div>
<div class="photo-rotate"><img loadsrc="http://www.h6app.com/static/images/cxgc2/photo-rotate.png" /></div>
<div class="photo-pic"><img loadsrc="http://www.h6app.com/static/images/cxgc2/photo-3.png" /></div>
</div>
<div class="text auto-x s-text animate">北大元培实验班毕业，物理专业。毕业后加入Google用户体验团队，2010年4月正式加入创新工场豌豆荚项目。福布斯评选中国30位30岁以下创业者之一。</div>
<div class="patterns auto-x patternss animate"><img loadsrc="http://www.h6app.com/static/images/cxgc2/patterns.png" /></div>
<div class="title-3 auto-x animate"><img loadsrc="http://www.h6app.com/static/images/cxgc2/title-3.png" /></div>
</div>
<!--第七屏 end-->
<!--第四屏 start-->
<div class="swiper-slide" data-page="4">
<div class="bg"><img loadsrc="http://www.h6app.com/static/images/cxgc2/loading.jpg" /></div>
<div class="text-8 auto-x animate"><img loadsrc="http://www.h6app.com/static/images/cxgc2/text-8.png" /></div>
<div class="love auto-x animate">
<a class="love-1"><img loadsrc="http://www.h6app.com/static/images/cxgc2/love-1.png" /></a>
<a class="love-2"><img loadsrc="http://www.h6app.com/static/images/cxgc2/love-2.png" /></a>
<a class="love-3"><img loadsrc="http://www.h6app.com/static/images/cxgc2/love-3.png" /></a>
<a class="love-4"><img loadsrc="http://www.h6app.com/static/images/cxgc2/love-4.png" /></a>
<a class="love-5"><img loadsrc="http://www.h6app.com/static/images/cxgc2/love-5.png" /></a>
<a class="love-6"><img loadsrc="http://www.h6app.com/static/images/cxgc2/love-6.png" /></a
动画场景页面css3+html5
需积分: 10 105 浏览量
2015-07-28
17:06:59
上传
评论 2
收藏 1.37MB RAR 举报
动画场景页面css3+html5 （118个子文件） 
.DS_Store 12KB .DS_Store 6KB
2014.html 21KB
1.jpg 9KB loading.jpg 6KB 3.jpg 5KB lock.jpg 3KB 4.jpg 3KB jquery-2.1.1.min.js 84KB idangerous.swiper-2.6.1.min.js 44KB swiper.js 18KB parallax.js 14KB weixinapi.js 13KB jquery.transit.js 7KB
select-6.png 141KB select-5.png 125KB guests-title.png 114KB select-2.png 90KB select-1.png 89KB select-3.png 88KB love-6.png 67KB love-1.png 57KB select-4.png 49KB audience.png 33KB love-5.png 23KB down.png 21KB g.png 20KB love-3.png 19KB love-2.png 17KB photo-2.png 16KB university.png 16KB anchor-img.png 16KB shares.png 14KB love-4.png 13KB photo-5.png 12KB photo-1.png 12KB success.png 11KB photo-3.png 10KB photo-4.png 8KB sun.png 8KB enroll.png 7KB g-3.png 7KB g-5.png 7KB g-4.png 7KB g-2.png 7KB title.png 7KB g-6.png 6KB g-1.png 6KB y.png 6KB logo-8.png 6KB logo-15.png 6KB text-5.png 5KB text-18.png 5KB text-17.png 5KB light.png 5KB guests.png 5KB cloud-7.png 4KB text-9.png 4KB cloud-10.png 4KB dg.png 4KB text-14.png 4KB text-1.png 4KB logo-18.png 4KB slogo.png 4KB photo.png 4KB cloud-4.png 4KB cloud-5.png 3KB logo-10.png 3KB dove.png 3KB text-8.png 3KB step.png 3KB logo-11.png 3KB b.png 3KB title-1.png 3KB text-12.png 3KB head.png 3KB logo-13.png 3KB you.png 3KB it.png 3KB logo-2.png 2KB title-2.png 2KB logo.png 2KB logo-4.png 2KB logo-6.png 2KB d.png 2KB anchor.png 2KB cloud-1.png 2KB logo-19.png 2KB class-box-3.png 2KB text-15.png 2KB title-3.png 2KB text-19.png 2KB class-box-2.png 2KB class-box.png 2KB start.png 2KB text-16.png 2KB bm.png 2KB share.png 2KB logo-17.png 2KB logo-1.png 1KB共 118 条
- 1
- 2
资源评论
