如何創建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是嵌入式的，所以你應該能夠做一個視圖源。