一个相似宣传的H5页面

趁着闲置 作了一个H5的页面 感受不错。

具体效果以下

 

框架上我选择

zepto（其实这个无关紧要，推荐用原生的最好）

FullPage （感受挺好用的一个全屏滚动插件 ）

pageResponse （H5的一个适配小工具，感受挺好用）

FullPage

pageResponse

页面样式 其实为了方便有些东西直接写在标签中了

一个小小的延时加载

var len = $("img").length;
var counter = 0;
for ( var i = 0, img; i < len; i++) {
    img = $("img")[ i ];
     if (!img.getAttribute("load")) {
        img.src = img.getAttribute("url");
    }
    img.onload =  function () {
        counter++;
         if (counter >= len) {
        }
    };

} 

在MP3预加载完毕之后自动切换带第一页

play.addEventListener("canplaythrough",  function () {
        runPage.go(1);
    }

); 

这里我在插件中runPage.removePage('page1’);

根据类名删除元素，更具索引的话会有些坑爹

还有一些CSS3的加载动画帧 总之东西很多

后面有些问题我会继续修正和修改，欢迎来个人GIT夺走源码，代码没有压缩想压缩的话本身压缩
https://github.com/Mrxdh 喜欢的话能够帮忙点击Follower