Question

我正在使用jQuery Wizard Redux创建一个向导（真的，一个美化的调查）。我有几个图像（在Illustrator中创建），我希望用户从中选择，这将作为向导的每个步骤的“提交”。

（旁注：我希望这个向导可以在ipad / iphone上查看，所以我现在就回避了Flash）

是否可以使用jQuery / Javascript创建类似的东西？一些地区相当复杂 - 例如，地图的“东亚”部分由6个不同的隐形矩形按钮组成，因此（几乎）黑色中的任何地方都会记录为“东亚”的点击。

或者，是否有一些简单的方法将我的Flash催化剂文件（用MXML编码）转换为javascript？

Answer 1

您可以通过为每个地区定义image map（折线）来使用map and area elements。

<强>更新

我会创建透明的.png文件，这些文件会被覆盖（每个文件都包含一个区域）并在单击区域元素时控制它们的不透明度。

更新2

您可以使用区域图像的rel属性来存储值，如

<img src="..." id="..." rel="5" />

现在，由于我们添加了一个类 selected-region 来定义所选区域，我们可以使用jQuery来定位该类的图像，并检索存储在其{{1}中的值} attribute。

因此，如果您需要，可以使用rel

Answer 2

你也可以使用HTML5 canvas标签自己绘制元素，然后每个元素（大陆）都可以在边界上完全点击。