慕粉3561184
2016-06-26 17:11
在js代码里添加什么内容能让他翻到6的时候继续点击next回到1呢?
我改了一下但效果不是太满意
function next() {
if (curIndex == 6) {
var curPage = document.getElementById("page"+curIndex);
curPage.style.webkitTransform = "rotateX(-180deg)";
curIndex =1;
var nextPage = document.getElementById("page"+curIndex);
nextPage.style.webkitTransform = "rotateX(-360deg)";
return;
}
var curPage = document.getElementById("page"+curIndex);
curPage.style.webkitTransform = "rotateX(-180deg)";
curIndex++;
var nextPage = document.getElementById("page"+curIndex);
nextPage.style.webkitTransform = "rotateX(-360deg)";
}
在if(curIndex == 6)中可以更改,但如果那样的话页面动画效果将会不好,翻转的方向重叠
CSS3 3D 特效
78572 学习 · 425 问题
相似问题