我有一张美国地图:
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这样做的:
当鼠标悬停在屏幕上时,它什么也不做
发布于 2010-08-25 04:01:28
备注:观众:我知道这与问题并不完全匹配:这是我试图帮助海报提供更广泛的问题视图。
鉴于我对您的其他问题的概述,我将间接回答您的问题。
我的假设是:如果将鼠标悬停在地图的某个特定区域上,您希望显示一个文本框。在你发布的原始页面上
因此,您需要研究以下内容:关于图像映射的http://www.w3schools.com/js/js_image_maps.asp。然后,您可以将与鼠标移动经过的区域相关联的漂亮的框/文本视觉效果放在图像上。
这比您正在尝试的直接svg方法更受支持,而后者不受很好的支持。
要获取图像,您可以在该页面上右键单击它,然后在浏览器中“将图片另存为”。
注意:在该页面的底部有一张400px的地图,单击右侧的“编辑”链接将显示该地图分辨率的图像地图,如果您希望使用不同的大小(不是400px),这可能是一个很好的起点。因此,如果您将图像地图缩放到页面上的另一个分辨率,则需要修改该图像地图上的数字。
https://stackoverflow.com/questions/3560295
复制相似问题