如何创建BBC样式(facebox?)帮助弹出窗口

时间:2010-04-14 11:02:25

标签: facebox

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

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

我最喜欢这个,就是指向容器右侧帮助按钮的小箭头。 Facebox只是一个标准的广场。

如果有人知道如何复制这一点,我们将非常感谢您的帮助。

此致 伊恩

2 个答案:

答案 0 :(得分:1)

效果被称为模态窗口,主要由Lightbox javascript library推广。如今,有很多库可以创造这种效果,但最受欢迎的往往是使用jQuery JavaScript framework

我个人最喜欢的jQuery实现是ColorBox(jQuery 1.3和1.4的轻量级,可定制的灯箱插件)。请查看其他内容类型部分on their demo page,了解与BBC类似的示例。

答案 1 :(得分:0)

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

如果您有兴趣,我可以在www.sitemills.com/prices.php上找到相关示例。相当肯定javascript是嵌入的,所以你应该能够做一个view-source。