我有非常简单的 svg:只有一个需要在悬停时进行动画处理的矩形。
这是我现在拥有的:
var paper = Raphael('paper', 50, 50);
var rect = paper.rect(0, 0, 20, 20).attr({
'width': 20,
'height': 20,
'fill': "red",
'stroke-width': 0,
}).data('x', 'y');
rect.mouseover(function() {
this.toFront();
this.animate({
'transform': 's2'
}, 70);
}).mouseout(function() {
this.animate({
'transform': 's1'
}, 50);
});
看看实际操作http://jsfiddle.net/HPmqN/
这是问题所在:该代码在 Opera(我相信 IE)中无法正常工作,似乎 mouseout 事件只是没有触发。这是 Raphael、Opera 或我的代码中的某种错误吗?