javascript – 建议在图像上创建工具提示

有没有替代(更优雅!)的方法在图像上创建多个工具提示而不使用图像映射?最好寻找一个使用jQuery的解决方案,但不是必需的.

虽然我知道图像地图存在解决方案,但它们看起来如此笨重且难以维护.例如,如果图像来自动态源,该怎么办?该来源是否也必须提供图像地图,然后有人必须事先创建?也许我要求的太多了,但是如果有人有更优雅的解决方案,我会非常感激.

谢谢你的帮助!

解决方法:

我理解你的问题,但有两件事我们无法摆脱.

>您的图像可能会动态加载
>工具尖端区域可以是点,框或基本上任何形状(一组绑定区域的坐标)

由于#2,使用图像映射是不可能的.但是,如果您的工具提示区域仅限于点和框,则可以在不创建图像映射的情况下完成.这并不意味着图像源不必提供任何信息,因为这没有意义,它只是意味着源可以提供一个谈论图像的通用JSON对象.一旦图像到达客户端,您可以调用您编写的函数在图像上创建一个不可见的div,并根据您收到的数据创建绑定了mouseenter()的小div区域.即便如此,图像地图也不是FAR.

我想我要说的是,您不必将数据附加到图像上,并且一旦到达客户端就对数据进行一些处理.这是因为你正在使用这样一个不受限制的图像环境,它可以呈现任何形状,你的区域呈现任何形状.

我不确定这是否以任何方式回答了你的问题,但通常优雅来自于利用限制,在这种情况下,我们几乎无法使用任何限制.

上一篇:javascript – 在Raphaël路径节点上修复Tipsy工具提示的位置


下一篇:组件--Tooltip 文字提示