1

テキスト上にいるときに長方形の色が変わる理由を知りたいです。背景色が常に長方形の色と同じであることを望みます。

http://jsfiddle.net/yVzXF/11/

paper = new Raphael(document.getElementById('canvas_container'), 500, 250);

rectangle2 = paper.rect(130, 75, 140,40,15);
texte = paper.text(200, 90, "Tarification et souscription\nweb")

rectangle2.mouseover(function(){
    this.animate({
    fill : "#aaa"
    });
    });

rectangle2.mouseout(function(){
    this.animate({
    fill : "#F90"
    });
    });

ありがとう

4

1 に答える 1

1

テキストは個別の要素であるため、個別のイベント ハンドラーがあります。テキストのイベント ハンドラーも追加すると、探していると思われる結果が得られます。

texte.mouseover(function(){
    rectangle2.animate({
        fill : "#aaa"
    });
});

texte.mouseout(function(){
    rectangle2.animate({
        fill : "#F90"
    });
});

これが更新されたjsFiddleです

于 2013-04-29T13:19:42.687 に答える