细看WeUI页面层级

https://weui.io/#layers

WeUI页面层级

用于规范WeUI页面元素所属层级、层级顺序及组合规范。

官网上的这个动画跳得也太快了，还没来得及看第一个画面，就调到第二个画面了为了看清楚WeUI页面层级，自己改改代码吧。

chrome浏览器地址栏 view-source:https://weui.io/#layers

源代码拷贝到本地另存为myWeUI.html，然后把代码里.css的href加上https://weui.io前缀（免除下载到本地的麻烦了） 改成比如href="https://weui.io/weui.css"

有引用到.js的地方，也照做。

启动apache服务器，在浏览器里打开myWeUI.html ,保证网页表现跟官网一致，这是第一步

第二步呢，用sublime 打开myWeUI.html, 搜索setTimeout 关键字，看看是哪个时间设置影响了页面层级动画的跳转时间

---

我找到是这个，呵呵哒，你们呢？

$layers.on("transitionend webkitTransitionend", function(){

var that = this;

if(that.classList.contains("j_transform")){

setTimeout(function(){

that.classList.remove("j_pic");

}, 500);   //这里500改成5000，试试看

}else{

that.classList.add("j_pic");

}

});