我正在尝试创建一个简单的交互式图像映射,用户可以将鼠标指针悬停在图像的一部分上,然后设置将动画/显示/取消隐藏弹出框(而不是新窗口!)鼠标指针的当前位置旁边包含文本,图像和&可点击的链接.
但是,在该示例中,它不是图像映射,而是9个小图像.悬停在上方时,每个图像都会变大一些,单击时,会将图像加载到 我希望满足这些标准:
我想使用图像映射(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动画中添加过渡效果,这些动画在您喜欢的现代浏览器上看起来很漂亮.页面右侧.
编辑:如果您投票关闭此,请转发我已经涵盖此问题或请不要关闭它的问题!这个问题是可以回答的 - 这不是讨论.
1> peteorpeter..：
推荐阅读
如何解决《如何找到逻辑回归模型的特征的重要性？》经验，为你挑选了1个好方法。 ...
[详细]
如何解决《如何通过CanvasDrawBitmap绘制位图的一部分》经验，为你挑选了1个好方法。 ...
[详细]
如何解决《react-bootstrap-table双头》经验，为你挑选了1个好方法。 ...
[详细]
如何解决《Python:从"元组列表"生成一组"元组",不考虑顺序》经验，为你挑选了1个好方法。 ...
[详细]
如何解决《Spring从磁盘上的外部文件夹获取文件和图像,在webapps之外？》经验，为你挑选了2个好方法。 ...
[详细]
如何解决《Perl重试闹钟》经验，为你挑选了1个好方法。 ...
[详细]
如何解决《Mixinig异步上下文管理器并直接等待asyncio》经验，为你挑选了1个好方法。 ...
[详细]
如何解决《改造GSON响应摘要映射》经验，为你挑选了0个好方法。 ...
[详细]
如何解决《减少案例类模型的Slick定义中的样板》经验，为你挑选了1个好方法。 ...
[详细]
如何解决《我可以在C#中找到BigInteger的位数吗？》经验，为你挑选了2个好方法。 ...
[详细]
如何解决《可视化免费Monad》经验，为你挑选了1个好方法。 ...
[详细]
如何解决《Thread.Sleep(2500)vs.Task.Delay(2500).Wait()》经验，为你挑选了2个好方法。 ...
[详细]
如何解决《C#代码在Unity中不起作用》经验，为你挑选了1个好方法。 ...
[详细]
如何解决《在Swift中的UIPopoverController上设置多个箭头方向》经验，为你挑选了1个好方法。 ...
[详细]
如何解决《带有指示器和下一个/上一个按钮的Onsen-UICarousel》经验，为你挑选了1个好方法。 ...
[详细]
如何解决《Python:它不允许我使用Tkinterroot=Tk()错误》经验，为你挑选了1个好方法。 ...
[详细]
如何解决《对数组进行排序,以便第一个和最后一个元素形成"对"》经验，为你挑选了1个好方法。 ...
[详细]
如何解决《jsfiddle中没有框架部分》经验，为你挑选了1个好方法。 ...
[详细]
吐了个 "CAO" !
Tags | 热门标签
RankList | 热门文章
DevBox开发工具箱 | 专业的在线开发工具网站 
京公网安备 11010802040832号 | 京ICP备19059560号-6
Copyright © 1998 - 2020 DevBox.CN. All Rights Reserved devBox.cn 开发工具箱 版权所有
