                        课程
                    
                        /前端开发
                        
                            /CSS3
                        
                        /CSS3 3D 特效

想知道循环怎么实现？

在js代码里添加什么内容能让他翻到6的时候继续点击next回到1呢？

慕粉3561184

2016-06-26

源自：CSS3 3D 特效 3-2

关注问题我要回答

1258

操作

收起

2 回答

android感染回答被采纳 +3 积分
2016-07-03

我改了一下但效果不是太满意

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

}

0 回复有任何疑惑可以回复我~

收起回答

慕粉3561184 提问者

非常感谢！

2016-08-31 回复有任何疑惑可以回复我~

android感染
2016-07-03

在if（curIndex == 6）中可以更改，但如果那样的话页面动画效果将会不好，翻转的方向重叠

0 回复有任何疑惑可以回复我~

收起回答

0/150

提交

取消

CSS3 3D 特效

参与学习 78578 人
解答问题 425 个

使用CSS3当中的属性，创建真实可用的三维效果

进入课程

本课相似问答

2 回答循环点击呢

1 回答不知道这样写合不合规矩，可是效果能实现，请问有没有问题

2 回答Uncaught TypeError: Cannot read property 'style' of null 有没有人知道这个错误该怎么解决啊

3 回答3d场景的实现

1 回答为什么我实现不了3D翻转？？？

搜索更多本课相关问答

想知道循环怎么实现？

我要回答关注问题

热搜

最近搜索清空

想知道循环怎么实现？

2 回答

本课相似问答

想知道循环怎么实现？