2012-07-24 17 views
0

我有一個圓圈(circle3),裏面有文字(text3)。我想爲懸停狀態製作動畫,我可以對圓形做很好的動作,但是當我將鼠標懸停在圓圈內的文本上時,問題就開始了。 javacscript認爲我是從圈開始並開始懸停功能的第二部分。但我需要它認爲文本區域是圓圈的一部分,因此即使我將鼠標懸停在文本上,它也會保持懸停狀態。如何完成這樣的事情?如何在圓圈內創建一個對象以便在Raphael JS中懸停?

編輯:我想通了豪WTO合併多個對象,但是,知道填充屬性附加傷害aplies還上的文字,不僅背景(使文本後懸停不可見的,因爲它的顏色與背景色相同),所以我需要以某種方式計算出來。有什麼建議?

我的代碼,我需要修改:

st.push(
           circle3, 
           text3 
          ); 

          // st.animate(fillerHover, 500); 
          st.hover(function() { 
           st.animate(fillerHover, 500); 
           }, 
           function() { 
           st.animate(filler, 500); 
           } 
          ); 

回答

0

好吧,我自己解決。這是最後的工作代碼:

st.push(
            circle3, 
            text3 
           ); 

           st.attr({"cursor": "pointer"}); 


           st.hover(function() { 
            st.animate(fillerHover, 500); 
            text3.animate(fillerTextHover, 500); 
            }, 
            function() { 

            st.animate(filler, 500); 
            text3.animate(fillerText, 500); 
            } 
           ); 
相關問題