路徑元素上的Javascript類

我使用svg創建交互式地圖，並將svg格式轉換爲javasript文件（rahpael）。我想提出一個類路徑元素上，打造一個懸停效果，但我似乎無法得到它的工作：路徑元素上的Javascript類

var path_cz = rsr.path("M513.4,537l-329,19.3L209.5,666c0,0,9.5,36.8,51.5,48.8l108,22.7c13.3-16.7,119-43.4,175.6-8.7l165.7-58.6 c0,0,210.2-54.5,113.6-150.5c-33.3-27.3-61.9-50.4-61.9-50.4l-72.8-5.5l-46.9,2l-154,6.7l-2.6,21L513.4,537z").attr({fill: '#4F217C',parent: 'farver','stroke-width': '0','stroke-opacity': '1'}).data('id', 'path_cz');

我試過.attr（「類」，「類名」）;和一些其他的東西里面.attr，但仍沒有..

任何建議，將不勝感激，THX :)

來源

2014-02-19 unebune

當您使用拉斐爾JS，要做到這一點最簡單的方法是掛接到懸停方法Raphael開箱即用，並以此方式進行更新。

$(document).ready(function() { 
    var rsr = Raphael(0, 0, 1000, 1000); 
    var path_cz = rsr.path("M513.4,537l-329,19.3L209.5,666c0,0,9.5,36.8,51.5,48.8l108,22.7c13.3-16.7,119-43.4,175.6-8.7l165.7-58.6 c0,0,210.2-54.5,113.6-150.5c-33.3-27.3-61.9-50.4-61.9-50.4l-72.8-5.5l-46.9,2l-154,6.7l-2.6,21L513.4,537z").attr({fill: '#4F217C',parent: 'farver','stroke-width': '0','stroke- opacity': '1'}).data('id', 'path_cz'); 
    path_cz.hover(function() { 
     path_cz.node.setAttribute('class', 'one'); 
    }, function() { 
     path_cz.node.setAttribute('class', 'two'); 
    }); 
});

舉一個例子，這裏是一個小提琴：http://jsfiddle.net/n9Mt6/1/

來源

2014-02-19 09:45:50

好了THX，要去嘗試了這一點:) – unebune

耶！這工作，thx！：D – unebune

沒問題:)很高興工作。 –

路徑元素上的Javascript類

回答

相關問題