来源:3-2 JS部分

正义的来福灵

2014-07-02 11:45

为什么我的JS没反应,代码完全一样啊!换了若干浏览器都是没反应。 <script type="text/javascript"> var curIndex= 1; function next(){ var curPage = document.getElementById("page"+curIndex); curPage.style.webkitTransform="rotateX(-90deg)"; curIndex++; var nextPage = document.getElemen

写回答 关注

4回答

  • 失色雪
    2014-08-02 17:04:33

    晕了,刚发现回答地方错了,不知道怎么删除,不好意思啊,哈哈,,想回答上面一个同学的,,

  • 失色雪
    2014-08-02 16:59:13

    一开始也没搞懂,想想还是概念没理解了,,rotateX(xdeg),x应该是目标位置与x轴的角度大小,应该就是老师说的 旋转的“角度位置”,而且从x,y,z三个轴的正方向看,这个“角度位置”的旋转方向都是顺时针(x是正值时),比如,2 一开始rotateX(-90),想叫它立正,那它的目标位置就跟x轴成 0deg,故——rotateX(0deg),回头仔细研究哈2-3节的那个旋转过程,就能发现了,,

  • l1uyub0b0b0
    2014-07-07 14:00:21

    这里包含了课程的所有源码:http://pan.baidu.com/s/1eQ8CGLW 请比较一下,看看是有什么问题:)

    兔兔_跟上大...

    谢谢老师

    2014-11-26 07:05:27

    共 1 条回复 >

  • 正义的来福灵
    2014-07-02 11:46:06

    <script type="text/javascript"> var curIndex= 1; function next() { var curPage = document.getElementById("page"+curIndex); curPage.style.webkitTransform="rotateX(-90deg)"; curIndex++; var nextPage = document.getElementById("page"+curIndex); nextPage.style.webkitTransform="rotateX(0deg)"; } function prev() { }

CSS3 3D 特效

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

78561 学习 · 436 问题

查看课程

相似问题