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,或者我只是使用錯誤的文件類型爲我希望完成?
謝謝!