Google / Bing-esque页面预览工具

时间:2011-03-31 15:21:05

标签: jquery asp.net preview qtip

我需要将这种功能添加到一个网站,该网站会在悬停在链接上时“预览”页面,类似于Google和Bing处理它的方式。这里的不同之处在于此链接不会打开新网页,而是显示有关此链接所代表内容的信息。

为了让您了解事物的样子,想象一下列出一堆支持票据请求的管理页面,就像这样......

       Assigned    ID      Submitted     Description
-----------------------------------------------------------------------
View |  Hristo  |  124  |  03.30.2011  | Update to jQuery 1.5
-----------------------------------------------------------------------
View |  Hristo  |  123  |  03.12.2011  | Add this preview functionality

...将鼠标悬停在“View”上会导致看到此“ticket”的预览,其中会列出“ticket”的相关信息,例如日期它已被提交,它被分配给谁,以及对票证的一个小描述。

我调查qTip因为它具有灵活性,可定制性和跨浏览器兼容性,但它看起来自2009年以来一直没有被触及,所以我不确定它是否支持最新版本的jQuery。还有其他类似的插件吗?

或者,由于我想要显示的信息只是文本(不需要进行特殊渲染或其他复杂的计算),我自己该如何做?很高兴看到一些示例代码:)

如果我需要澄清任何内容,请告诉我。

1 个答案:

答案 0 :(得分:2)

这是small sample of 30 different ToolTip plugins。有数百个谷歌用于“jquery工具提示”将会出现。基本上每个弹出窗口都是一个隐藏的div,您只需在正确的时间在正确的位置显示。 This isn't too hard to do manually either