单击按钮时jQuery旋转立方体

时间:2013-04-20 16:58:02

标签: jquery html css rotation

为什么没有按钮让立方体旋转?
我正在加+ = 45deg! 这是代码: jQuery的:

$(document).ready(function(){
    $('button').click(function(){
        $('#cube').css('-webkit-transform','rotateY(+=45deg)');
    });
});

HTML:

<button>rotate</button>
<div id="cube">
</div>

的CSS:

#cube {
display: block;
width: 250px;
height: 250px;
background: #66F;
}

的jsfiddle: http://jsfiddle.net/ysLet/

1 个答案:

答案 0 :(得分:2)

http://jsfiddle.net/ysLet/3/

似乎+ =运算符在css行中不起作用

    $(document).ready(function(){
    deg = 0;
    $('button').click(function(){
        deg += 45;
        $('#cube').css('-webkit-transform','rotateY('+deg+'deg)');
    });
});

这就是诀窍......