如何创建BBC样式（facebox？）帮助弹出窗口

Question

我试图拆开代码，但似乎无法复制它。

在BBC天气主页http://news.bbc.co.uk/weather/上，您会在右上角或某些框的圆圈中看到一些帮助quetionmark。当你点击它时，它会弹出一个很好的帮助窗口，看起来有点像facebox。

我喜欢这件事的主要原因是指向容器右侧的帮助按钮的小箭头。 Facebox只是一个标准的广场。

如果有人知道如何复制这个，一些帮助将不胜感激。

问候， 伊恩

Answer 1

的效应被称为模式窗口和由Lightbox javascript library主要普及。如今，有许多图书馆可以创造这种效果，但最受欢迎的往往是使用jQuery JavaScript framework。

我个人最喜欢的jQuery实现是ColorBox（一个用于jQuery 1.3和1.4的轻量级可定制的lightbox插件）。看看其他内容类型部分on their demo page有关类似于BBC上看到的一些例子。

Answer 2

我通过在页面上使用隐藏的DIV做了类似的事情。然后，我将一个JavaScript事件附加到图标（？）以切换DIV的可见性。对于“弹出式”的形状，在我看来，这可能只是一个背景图形。

如果您有兴趣，我在www.sitemills.com/prices.php上有一个例子。相当肯定JavaScript是嵌入式的，所以你应该能够做一个视图源。