在SVG中嵌入javascript和CSS

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放在正确的区域时非常困难。有人可以帮帮我

我正在做svg：

当实际上鼠标悬停时，它没有做任何事情

Answer 1

注意：浏览者：我知道这些问题与特定问题不符：我试图帮助海报提供更广泛的问题视图。

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

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

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

这比你正在尝试的直接svg方法支持的要高得多，但这种方法并不受支持。

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

注意：该页面底部有一个400px的地图，单击右侧的“编辑”链接将显示该地图分辨率的图像地图，如果您愿意，这可能是一个很好的起点如果是不同的大小（400px除外）。因此，如果您将地图缩放到页面上的另一个重新定位，则需要修改该图像地图上的数字。