Я пытаюсь создать скрипт, который изменит класс CSS на SVG, когда мышь находится над ссылкой

Question

У меня есть SVG карты мира с 7 разделами региона, а над картой мира находится строка из 7 названий регионов, которые ссылаются на каждую страницу региона.

Карта мира представляет собой встроенный SVG, а регионы сгруппированы по идентификатору и классам, но для всего региона выбран серый класс, и я пытаюсь использовать класс заполнения для SVG, когда мышь находится над ссылкой на регион, чтобы показать зрителю, которыйчасти мира, которые охватывает этот регион.

Может кто-нибудь помочь мне написать скрипт для этого?

Спасибо

Answer 1

Что-то вроде строк приведенного ниже кода должно работать, с 7 из этих строк кода - по одной для каждого раздела.Section1Name является идентификатором ссылки, mapSvgSection - идентификатором соответствующего раздела Svg.Первый цвет при вводе мышью, а второй при выходе из мыши.Ниже синий на входе и серый на выходе, они будут изменены на все, что вам нужно https://api.jquery.com/hover/

$("#section1Name").hover( $("#mapSvgSection").css({ fill: "#0000FF" }), $("#mapSvgSection").css({ fill: "#707070" }));