js不翻转

来源:3-2 JS部分

qq_希望天空总是蓝色_03467485

2016-07-08 09:29

<script type="text/javascript">

var curIndex=1;

function next()

{

if( curIndex == 6)

return;

var curpage = document.getElementById("page"+curIndex);

curpage.style.webkitTransform = "rotateX(-90deg)";

curIndex++;

var cur = document.getElementById("page"+curIndex);

cur.style.webkitTransform = "rotateX(0deg)";

}


</script>

运行的时候不翻转啊

写回答 关注

2回答

  • 慕沐7702952
    2016-08-11 19:55:16

    这是我自己的,你可以看看

    var curIndex=1;

      function next(){

        if(curIndex==6)

    {

    return;

    }

    else

    {

    var nextPage=document.getElementById("page"+curIndex).style.webkitTransform="rotateX(-90deg)";

    curIndex++;

    var curPage=document.getElementById("page"+curIndex).style.webkitTransform="rotateX(0deg)";

    }

    }

    function prev(){

    if(curIndex==1)

    {

    return;

    }

        var prevPage=document.getElementById("page"+curIndex).style.webkitTransform="rotateX(90deg)";

    curIndex--;

    var curPage=document.getElementById("page"+curIndex).style.webkitTransform="rotateX(0deg)";

    }


  • Martinmqt
    2016-07-15 17:17:53

    你的return没有缩进,程序不会认为是if下的结果,最好把return写在if判断语句的后面,保险起见可以拿{}括起来,只有一句的情况下可以没有{}但一定要有缩进!

CSS3 3D 特效

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

78570 学习 · 425 问题

查看课程

相似问题