0

目前我在我的网站上使用交互式闪存地图,它根据一些数据显示美国不同州的不同颜色。当用户将鼠标悬停在某个状态上时,我还有一个鼠标悬停功能可以显示其他数据。

是否有任何工具可以在不使用闪存的情况下实现上述功能(移动兼容)。如果需要,我已准备好为这些工具付费。

4

2 回答 2

2

对于移动兼容网站,您必须使用 Javascript。

如果您以前没有使用过 Javascript,那么JQuery是一个很好的起点。它将为您提供相当简单的机制来处理鼠标悬停事件和弹出窗口。

您可以尝试使用 HTML 和 CSS 排列所有状态图像,但您可能还想查看HTML 5 Canvas 元素。它适用于大多数现代浏览器,并且有一个 hack可以让它在 IE 中运行。

根据您的操作方式,您可能还想了解图像映射。有很多工具可以帮助创建图像映射

更新 我正在处理一些图表,并使用名为Raphae l的 JS 库遇到了这个示例。这看起来很像你正在寻找的东西。

在查看该示例时,我还意识到,如果您正在为移动触摸屏设备(iPhone、iPad、Android 等)编写代码,则不会出现“悬停”事件(原因很明显)。您可能想尝试检测浏览器是否支持“悬停”,如果不支持,请改为在“点击”上制作动画。

于 2010-09-30T16:42:58.240 回答
0

考虑使用Google Visualization GeoChart

这是基于 SVG 的;抱歉,我不知道这对移动设备有多大限制。

我担心你可能会挂断的地方是悬停内容可能不像你想要的那样灵活。

于 2011-11-14T20:47:39.827 回答