2012-09-07 32 views
0

我目前正在創建一個交互式SVG世界地圖,其中世界語言列表在左邊,右邊是地圖。當用戶在語言名稱上方懸停時,講話的國家會改變他們的填充價值。這工作得很好,直到我到達印度,在那裏我有旁遮普語,古吉拉特語和印地語。基本的代碼是這樣的:爲svg中的一個'set'元素設置了多個'begin'屬性

<g id="RussianL"> 

<path id="russia" d="blah blah blah" /> 

<set attributeName="fill" to="#CC3232" begin="Russian.mouseover" end="Russian.mouseout" /> 

</g> 

...其中「俄羅斯」是對應於字「俄羅斯」左側菜單上的文本對象。我是否可以使用相同的策略來表示印度的語言(其中3種需要在此地圖上顯示)?我已經嘗試過放入三個「開始」屬性,但這導致它們都不能正常工作(至少在我的最新Chrome和Firefox中)。

那麼,有沒有辦法做到這一點與內聯代碼,或者我需要使用javascript/jquery,或者我只是使用錯誤的文件類型爲我希望完成?

謝謝!

回答

2

你想要多個設置元素,每個元素都有自己的開始/結束。

<set attributeName="fill" to="blue" begin="Punjabi.mouseover" end="Punjabi.mouseout" /> 
<set attributeName="fill" to="orange" begin="Gujarati.mouseover" end="Gujarati.mouseout" /> 
<set attributeName="fill" to="pink" begin="Hindi.mouseover" end="Hindi.mouseout" /> 
相關問題