[小木轮]H5启动页

[小木轮]H5启动页

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

版权声明：本文内容由网络用户投稿，版权归原作者所有，本站不拥有其著作权，亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容，请联系我们jiasou666@gmail.com 处理，核实后本网站将在24小时内删除侵权内容。