javascript動態浮動窗口

Question

我想用角落處的關閉按鈕構建一個動態浮動窗口。這是可能的，我也想動態地添加一些內容到該窗口。

請幫助我..應該在JavaScript ..沒有AJAX越好..提前

Answer 1

我最喜歡的一直是Scriptaculous，它可以讓你做各種有趣的視覺的東西

感謝。該塊上的新孩子使用jquery。其中一個應該爲你做詭計。

在這兩個網站上有很多樣品可以做你想做的。

Answer 2

那麼最基本的就是通過將innerHTML設置爲HTML字符串來創建div並注入內容。定位它可能會非常棘手，因爲您必須擔心滾動，並且不同的瀏覽器有不同的方法來控制它。您可能還希望相對於頁面中的某個始發元素進行定位，您可以通過挖掘該元素並將其放在您的javascript函數在單擊原始元素時接收的事件對象之外。

谷歌懸停彈出 - 第一個環節是http://www.calcaria.net/javascript/2006/09/javascript-hover-over-html-popup.html

Answer 3

有很多不同的庫在那裏製作的窗口。我發現Livepipes有一個非常好的可定製的JavaScript庫，包括一個窗口控件以及其他各種類型的庫。 http://livepipe.net/control 一個我沒有用過但看起來很有前途的，是prototypeui。它基於原型和scriptaculous JavaScript庫。 jqModal是我用過的基於JQuery的另一個。

Answer 4

你在找什麼叫做「燈箱」技術。 這是comparison of many lightbox techniques。

許多存在在那裏在網絡上，這裏有一些對jQuery和原型庫：

• 的Jquery：Thickbox，Lightbox Plugin

• 原型：Lightbox 2， Leightbox

另外，請查看 wikipedia article上的圖片

Answer 5

jQuery UI有一個很棒的浮動窗口。 jQuery UI版本的酷炫之處在於，您還可以將其與UI主題管理器打包，這意味着更少的時間樣式。

看看這裏：jQuery UI Dialog examples

它所需要的是創造一個容器（可能是一個div），以及一行代碼。事情是這樣的：

<div id="example">I'm in a dialog!</div> 
$("#example").dialog(); 

這裏的文檔：jQuery UI Dialog documentation

Answer 6

採取看的fancybox http://fancybox.net/