项目介绍：

AKLaunchWebVC H5启动页

**初衷
**让app启动的时候，先加载LaunchImage，随后展示动态h5启动效果，最后进入主程序
**特点
**1使用html5结合launchImage制作出动态的效果
2容易维护
3开发动画效果十分便捷

系统支持：iOS7.0及以上

源码地址：https://github.com/aklee/AKLaunchWebVC
有任何问题请随时issue, fork&star是非常欢迎的

AKLaunchWebVC H5启动页

初衷

让app启动的时候，先加载LaunchImage，随后展示动态h5启动效果，最后进入主程序

特点

1使用html5结合launchImage制作出动态的效果

2容易维护

3开发动画效果十分便捷

支持

系统支持：iOS7.0及以上

熟悉html5的同学可以通过修改Guide.html，style.css达到目的效果，可通过浏览器测试动画

当前项目中的Guide.html:

//ad的动画效果在style.css中定义，如下
    /*
     .ad,.ad-pad{
     background: url(../guideImg/ad.png) no-repeat;
     background-size: 199px 42px;
     width: 199px;
     height: 42px;
     margin: 32px auto 0;
     -webkit-animation: scene-fade2 3s both; //即3秒后动画结束， 结束引导页
     animation: scene-fade2 3s both;
     -webkit-animation-delay: 2s;
     animation-delay: 2s;
     */
    var ad = document.querySelector('#ad');
    
    ad.addEventListener("click", function(){
                        }, false);
                        
    //当id="ad"这个元素动画结束时，启动页结束
    ad.addEventListener("webkitAnimationEnd", function(){
                        
                        
                                            //动画结束时事件
                                            console.log('finish Launch');
                                            window.location.href="finishLaunch";
                                            }, false);