javascript - 在 SVG 中嵌入 javascript 和 CSS

Question

我有一张美国 map :

http://upload.wikimedia.org/wikipedia/commons/a/a5/Map_of_USA_with_state_names.svg

我正在尝试将这段代码嵌入其中:

http://sixrevisions.com/tutorials/javascript_tutorial/create_lightweight_javascript_tooltip/

如你所见，它有 CSS 和 javascript

但是，我在尝试将 css 和 javascript 放在正确的区域时遇到了非常困难的时间。有人可以帮帮我吗

我正在做这个 frmo svg:

当鼠标实际悬停时，它什么也没做

Answer 1

注意:观众:我知道这与问题不完全匹配:鉴于已发布问题的更广泛视角，我试图帮助海报。

鉴于我对您其他问题的概述，我将间接回答您的问题。

我的假设:您希望在鼠标悬停在 map 的特定区域上时显示一个文本框。在您发布的原始页面上

因此，您需要对此进行调查:http://www.w3schools.com/js/js_image_maps.asp关于图像映射。然后，您可以将与鼠标移动到的图像上的区域相关联的精美框/文本视觉效果。

这比您正在尝试的直接 svg 方法得到的支持要高得多，后者支持得不好。

要获取图片，您可以在该页面上右键单击它并在浏览器中“将图片另存为”。

注意:该页面底部有一个 400 像素的 map ，单击右侧的“编辑”链接将显示该 map 分辨率的图像 map ，如果您愿意，这可能是一个很好的起点如果尺寸不同(400px 除外)。因此，如果您将 map 缩放到页面上的另一个分辨率，则需要修改该图像 map 上的数字。