Raphael JS 制作带有悬停工具提示的地图

发布于 2024-10-15 05:56:53 字数 372 浏览 10 评论 0原文

我正在尝试使用 Raphael JS 制作地图,非常类似于他们网站上的示例: http://raphaeljs.com/australia.html

但是,我想将悬停信息显示为当您移动到地图的不同部分时淡入/淡出的工具提示(不像他们的示例那样在地图旁边)。最好的方法是什么?

这是我到目前为止想到的,但在 IE 中(例如 IE6 和 IE7),工具提示不会消失,我不知道为什么: http://jsfiddle.net/keith/sXCk6/

I am trying to make a map with Raphael JS, pretty much like the example they have on their site:
http://raphaeljs.com/australia.html

However, I want to show the info on hover as a tooltip that fades in/out as you move to different parts of the map (not next to the map like on their example). What is the best way to do that?

This is what I came up with so far, but in IE (e.g. IE6 and IE7) the tooltip doesn't disappear and I'm not sure why:
http://jsfiddle.net/keith/sXCk6/

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

三岁铭 2024-10-22 05:56:53

Stack Overflow 上的这篇文章解决了 IE 和鼠标悬停问题:在 Internet Explorer 中移动活动元素丢失 mouseout 事件

This posting here on Stack Overflow addresses the issue of IE and mouseover problems: Move active element loses mouseout event in internet explorer

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文