老师我有俩问题,input标签点了一次就不能点了,你给的代码没有实时刷新的效果,应该怎么做呢?

来源:-

JimMoriarty

2015-02-08 16:59

//这是我的代码

#page1{


-webkit-transform-origin:bottom;

-webkit-transition:-webkit-transform 1s linear;

}

#page2,#page3,#page4,#page5,#page6{

-webkit-transform-origin:bottom;

-webkit-transition:-webkit-transform 1s linear;

-webkit-transform:rotateX(90deg);


}

<input type="button" onclick="next()" value="demo">

function next(){

console.log(curindex);

if(curindex==6){

rerutn;

}

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

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

curindex++;

var nextpage=document.getElementById("page"+curindex);

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

}

求指教啊老师

写回答 关注

2回答

  • JimMoriarty
    2015-02-08 18:17:48

    我已经解决了。。。。倒下来的div把input标签盖住了o(╯□╰)o 

  • JimMoriarty
    2015-02-08 17:00:52

    我点了一次input之后就不能再点了,但是如果我手快多点几次按钮,他又有效果,停下来就又不可以点了这是什么原因呢?

CSS3 3D 特效

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

78574 学习 · 425 问题

查看课程

相似问题