0
我在raphael.js中使用为循环制作了4个矩形。当我应用诸如onmouseover或onmouseout之类的事件时,它仅适用于所创建的最后一个矩形。我知道我的代码有问题。请提供解决方案,有没有简化代码的方法?Raphael.js onmouseover onmouseout事件
JS小提琴Link
window.onload = function(){
var paper = Raphael(0,0,640,540);
for (i=0;i<2;i++){
for (j=0;j<2;j++){
var boxes = paper.rect(0+(j*320),0+(i*270),320,270).attr({fill:'#303030',stroke:'white'});
boxes.node.onmouseover = function() {
boxes.attr("fill", "blue");
};
boxes.node.onmouseout = function() {
boxes.attr("fill", "#303030");
};
}
}
}
太感谢你了,就像一个魅力。 –