2008-12-19 67 views
4

我想用角落处的关闭按钮构建一个动态浮动窗口。这是可能的,我也想动态地添加一些内容到该窗口。javascript动态浮动窗口

请帮助我..应该在JavaScript ..没有AJAX越好..提前

+4

AJAX仅仅是无需重新加载页面发送和接收来自服务器的数据的方法 - 虽然你可以使用AJAX来获得你的内容,创建一个弹出与AJAX无关。 – nickf 2008-12-19 07:08:55

回答

0

我最喜欢的一直是Scriptaculous,它可以让你做各种有趣的视觉的东西

感谢。该块上的新孩子使用jquery。其中一个应该为你做诡计。

在这两个网站上有很多样品可以做你想做的。

0

那么最基本的就是通过将innerHTML设置为HTML字符串来创建div并注入内容。定位它可能会非常棘手,因为您必须担心滚动,并且不同的浏览器有不同的方法来控制它。您可能还希望相对于页面中的某个始发元素进行定位,您可以通过挖掘该元素并将其放在您的javascript函数在单击原始元素时接收的事件对象之外。

谷歌悬停弹出 - 第一个环节是http://www.calcaria.net/javascript/2006/09/javascript-hover-over-html-popup.html

0

有很多不同的库在那里制作的窗口。我发现Livepipes有一个非常好的可定制的JavaScript库,包括一个窗口控件以及其他各种类型的库。 http://livepipe.net/control 一个我没有用过但看起来很有前途的,是prototypeui。它基于原型和scriptaculous JavaScript库。 jqModal是我用过的基于JQuery的另一个。

12

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