2

我正在尝试使用链接来打开覆盖,而不是在单独的弹出窗口中。这个覆盖应该包含一个半透明的 div 层,它可以阻止整个屏幕被点击。我还打算在这一点上禁用滚动。无论您在主页上的哪个位置,单击链接时,叠加层都应位于屏幕 X 和 Y 原点的中心。在这个覆盖 div 内部,应该是一个 iframe 配置,以便可以加载 3 种大小的内容。

4

6 回答 6

3

Shadowbox是一个很好的内联“弹出窗口”脚本。如果您使用任何(jQuery、Prototype 等)或单独使用,它可以与任何常用的 JS 库一起使用,它具有非常全面的皮肤系统,因此您可以调整外观而无需进入源代码本身。
它也是我尝试过的唯一一个可以在所有常用浏览器中可靠运行的脚本(有几十个)。

它不会为您禁用滚动(您仍然可以通过深色覆盖看到正常的页面背景滚动),但“弹出窗口”无论如何都会固定在屏幕上。

于 2008-09-19T09:07:08.480 回答
3

http://onehackoranother.com/projects/jquery/boxy/

jQuery.boxy 是另一个不错的轻量级模态对话框插件。

于 2011-11-22T13:22:33.580 回答
1

你可能想看看我写的一个旧的 JS 库,叫做SubModal

易于理解和修改。去镇上;)

一旦你修改了它,在你的服务器上结合使用Minify和 gzip。库的大小会很小。

于 2008-09-19T08:18:06.693 回答
1

我通常为此使用ThickBox。如果用户没有打开 JS,它工作得非常好并且会很好地降级。

它确实使用 jQuery,但您可以从 Google 加载它:http: //ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js并且可能会受益于缓存。

于 2008-09-19T12:36:53.707 回答
0

获取 javascript ext库。它具有模态叠加的功能。

于 2008-09-19T04:31:19.983 回答
0

ThickBox(不再开发)让我找到了这个似乎运行良好的库:

http://fancybox.net

于 2010-02-13T14:44:17.277 回答