编辑:如果你投票结束这个，请把我重定向到已经涵盖这个的问题，或者请不要结束它!这个问题是可以回答的——这不是讨论。
我正在尝试创建一个简单的交互式图像映射，用户可以将鼠标指针悬停在图像的一部分上，然后设置将在鼠标指针当前位置旁边动画/显示/取消隐藏一个弹出框(不是新窗口!)，其中包含文本，图像，&|可点击的链接。
然而，在这个例子中，它不是一个图像映射，而是9个小图像。当鼠标悬停在上面时，每个图像都会变大一点，当单击时，将图像加载到页面的右侧<div>中。
我希望满足这些条件:
- 我想使用图像映射(HTML或其他)而不是9个小图像
- 我想让悬停动作也加载图像-不需要点击图像
- 我希望这个页面是可见的&与所有流行的浏览器进行交互-桌面浏览器，移动浏览器，ipad, Android平板电脑等…
我不确定使用什么平台(也就是开发工具的组合)来满足上面列出的标准。主要目标是要满足上述标准列表中的最后一项。如果为了满足最后一个条件，我可能会牺牲上面列表中的第一个或第二个条件。
我想到的两个"平台"是:
- html + css jQuery + CSS
- Flash + Actionscript Javascript + AJAX
我应该使用什么工具来完成这个任务?
是否有一个不同的工具或一组工具，我错过了，应该使用而不是上面列出的工具?
提前感谢!
编辑:如果你投票结束这个，请把我重定向到已经涵盖这个的问题，或者请不要结束它!这个问题是可以回答的——这不是讨论。
这在直接HTML/CSS中实现非常简单(不需要JS)，这将是最广泛使用的方法。下面是一个简单的例子:
- 最终产品:http://csshowto.com/examples/imagemap/
- 网址:http://csshowto.com/effects/css-image-maps-with-pop-up-tool-tips/
您可以使弹出内容尽可能复杂—这是一个相当初级的示例，但是您可以在列表项中使用任意HTML。此外，你可以在过渡中加入一些CSS3动画，在你花哨的现代浏览器上看起来很漂亮。