0

我正在尝试构建一个示例来突出显示 iPad 的 html 页面上的多个图像地图区域。这个想法类似于您在点击并按住移动 safari 地址栏时注意到的放大镜功能。您可以平移放大镜以转到特定角色。我正在尝试利用相同的用户体验来突出显示图像映射“多边形”区域。当我平移放大镜时，我想通过突出显示它们并使它们处于活动状态来滚动浏览这些区域。

我正在考虑使用 Jquery Maphighlight 插件以及 CSS/JS 放大镜示例 http://persistent.info/files/20040508.magnifier/ http://davidlynch.org/projects/maphilight/docs/

我卡住的地方是区域之间的实际滚动并自动突出显示它们。

我想知道是否有人做过类似于我想要实现的事情。

干杯! 萨米尔

4

1 回答 1

0

我无法完全概念化您想要什么，但这无论如何都可能有所帮助。

在你的css和标签中使用伪类：active

在这个演示中，我只是简单地使用 CSS 变换来模拟缩放，但它可以替换为任何你想要的。我认为您会比任何 javascript 更快地找到纯 css 选项。

http://jsfiddle.net/thurstanh/QEudm/5/

<body ontouchstart="">

css img:active { -webkit-transform:scale(2,2); }

于 2013-04-01T11:41:13.010 回答