<分区>
我正在尝试创建一个简单的交互式图像 map ,用户可以将鼠标指针悬停在图像的一部分上,然后设置会依次动画/显示/取消隐藏弹出框(不是新的window!) 在鼠标指针的当前位置旁边,包含文本、图像、&|可点击的链接。
不过,示例中并不是图片贴图,而是9张小图片。将鼠标悬停在每个图像上时会变大一点,单击时会将图像加载到右侧 <div>
页面的。
我希望满足这些条件:
- 我想使用图像映射(HTML 或其他)而不是 9 个小图像
- 我希望悬停操作也能加载图像 - 无需点击图像
- 我希望所有流行的查看者(桌面浏览器、移动浏览器、iPad、Android 平板电脑等)都可以查看该页面并进行交互...
我不确定要使用什么平台(又名 - 开发工具的组合)来满足上述标准列表。主要目标是满足上述标准列表中的最后一项。如果为了满足最后一项需要这样做,我可能会牺牲上面列表中的第一个或第二个标准。
我想到使用的两个“平台”是:
- HTML + CSS
- jQuery + CSS
- Flash + ActionScript
- Javascript + AJAX
我应该使用哪些工具来实现这一目标?
是否有其他工具或工具集是我遗漏的并且应该使用而不是上面列出的工具?
提前致谢!
编辑: 如果您投票关闭此问题,请将我重定向到已经涵盖此问题的问题,否则请不要关闭它!这个问题是可以回答的 - 这不是讨论。