嵌入javascript和CSS中的SVG

Question

我有地图，美国的：

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

注：观众：我知道这并不能明确地与问题匹配：我的目标是帮助海报给出更广泛的问题视图。

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

我的假设：您希望显示一个文本框，将鼠标悬停在地图的某个区域上。在您发布的原始页面上

因此，您需要调查此问题：http://www.w3schools.com/js/js_image_maps.asp有关图像映射。然后，您可以在鼠标移动的图像上放置与该区域相关的漂亮的框/文本视觉效果。

这比你尝试使用的直接svg方法支持的要好得多，而且这种方法得不到很好的支持。

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

注意：该页面底部有一个400px的地图，单击右侧的“编辑”链接可以显示该地图分辨率的图像地图，如果您愿意，希望是不同的大小（400px以外）。因此，如果将地图缩放到页面上的其他地方，则需要修改该图像地图上的数字。