我正在尝试在以下小提琴中实现点击动画: 我的小提琴
var animating = false;
rotateDoor = function() {
if (animating)
return;
var door = $('#door');
animating = true;
openDoor(door, 5);
};
openDoor = function(door, angle) {
if (angle >= 90) {
animating = false;
return;
}
door.css('-webkit-transform', 'perspective(200px) rotateY( ' + angle + 'deg )');
door.css('-moz-transform', 'perspective(200px) rotateY( ' + angle + 'deg )');
setTimeout(function() {
openDoor(door, angle += 1);
}, 20);
};
});
我已经在小提琴外部添加了 Zoomooz js 插件,并且在门关闭后动画中似乎存在一些滞后问题。(仅在 Firefox 中。)
我的firefox版本是26.0,Mozilla Firefox for ubuntu canonical 1.0
更新:这不仅仅是门问题,firefox 使用 Zoomooz 并且在 Firefox 中非常慢。