回答
那么最基本的就是通过将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. 使用jQuery浮动模态窗口
- 2. Cocoa/ObjC:在模态窗口上放置一个浮动窗口
- 3. 透明浮动窗口。
- 4. Avalon Dock浮动窗口 - ShowInTaskBar
- 5. xmonad:移动新的浮动窗口
- 6. 带窗体的浮动窗口
- 7. wpf动态窗口
- 8. divs浮动窗口调整大小
- 9. Visual Studio 2010 - 半透明浮动窗口
- 10. 在android中的浮动窗口
- 11. Android浮动弹出'窗口'选项?
- 12. 创建os浮动窗口Firefox扩展
- 13. 浮动窗口和zindex应用问题
- 14. ext.NET关闭动态窗口
- 15. Javafx动态窗口数量
- 16. 在一个按钮下浮动模态窗口
- 17. 如何使tkinter窗口在i3窗口管理器中浮动
- 18. 浮动DIV滚动条问题。删除窗口滚动条
- 19. javascript模态窗口
- 20. ASP.NET - 我如何动态尺寸的JavaScript模态窗口
- 21. UITextView和浮动自动更正窗口的位置
- 22. 如何在Android设备上制作浮动窗口启动器?
- 23. 动态浮动2列
- 24. 浮动的DIV,右浮动的div重叠左格作窗口宽度减小
- 25. JavaScript浮动启动栏
- 26. 浮动栏的JavaScript
- 27. Flash AS2 - 动态文本打开新窗口并使javascript调用
- 28. 使用javascript窗口函数的动态SVG背景
- 29. 如何添加弹出窗口动态生成的JavaScript圈
- 30. 使用动态HTML页面在JavaScript中打开窗口
AJAX仅仅是无需重新加载页面发送和接收来自服务器的数据的方法 - 虽然你可以使用AJAX来获得你的内容,创建一个弹出与AJAX无关。 – nickf 2008-12-19 07:08:55