回答
那么最基本的就是通过将innerHTML设置为HTML字符串来创建div并注入内容。定位它可能会非常棘手,因为您必须担心滚动,并且不同的浏览器有不同的方法来控制它。您可能还希望相对于页面中的某个始发元素进行定位,您可以通过挖掘该元素并将其放在您的javascript函数在单击原始元素时接收的事件对象之外。
谷歌悬停弹出 - 第一个环节是http://www.calcaria.net/javascript/2006/09/javascript-hover-over-html-popup.html
有很多不同的库在那里制作的窗口。我发现Livepipes有一个非常好的可定制的JavaScript库,包括一个窗口控件以及其他各种类型的库。 http://livepipe.net/control 一个我没有用过但看起来很有前途的,是prototypeui。它基于原型和scriptaculous JavaScript库。 jqModal是我用过的基于JQuery的另一个。
你在找什么叫做“灯箱”技术。 这是comparison of many lightbox techniques。
许多存在在那里在网络上,这里有一些对jQuery和原型库:
的Jquery:Thickbox,Lightbox Plugin
原型:Lightbox 2, Leightbox
另外,请查看 wikipedia article上的图片
jQuery UI有一个很棒的浮动窗口。 jQuery UI版本的酷炫之处在于,您还可以将其与UI主题管理器打包,这意味着更少的时间样式。
看看这里:jQuery UI Dialog examples
它所需要的是创造一个容器(可能是一个div),以及一行代码。事情是这样的:
<div id="example">I'm in a dialog!</div>
$("#example").dialog();
采取看的fancybox http://fancybox.net/
- 1. 浮动窗口
- 2. 使用jQuery浮动模态窗口
- 3. 主窗口中的浮动窗口
- 4. Cocoa/ObjC:在模态窗口上放置一个浮动窗口
- 5. 浮动蜂窝窗口
- 6. 透明浮动窗口。
- 7. Avalon Dock浮动窗口 - ShowInTaskBar
- 8. xmonad:移动新的浮动窗口
- 9. 带窗体的浮动窗口
- 10. wpf动态窗口
- 11. Android浮动弹出'窗口'选项?
- 12. 带有浮动窗口的树视图
- 13. Visual Studio 2010 - 半透明浮动窗口
- 14. WinForms浮动窗口(如Delphi7 IDE)
- 15. 来电屏幕上的浮动窗口
- 16. 编辑浮动窗口关闭按钮
- 17. 隐藏Eclipse中的浮动窗口Juno
- 18. divs浮动窗口调整大小
- 19. 在android中的浮动窗口
- 20. 浮动窗口和zindex应用问题
- 21. 创建os浮动窗口Firefox扩展
- 22. jquery动态弹出窗口
- 23. Javafx动态窗口数量
- 24. ext.NET关闭动态窗口
- 25. javascript窗口滚动问题
- 26. Javascript移动打开窗口
- 27. 如何在jQuery中浮动模态窗口
- 28. 在一个按钮下浮动模态窗口
- 29. 如何使tkinter窗口在i3窗口管理器中浮动
- 30. 浮动DIV滚动条问题。删除窗口滚动条
AJAX仅仅是无需重新加载页面发送和接收来自服务器的数据的方法 - 虽然你可以使用AJAX来获得你的内容,创建一个弹出与AJAX无关。 – nickf 2008-12-19 07:08:55