2011-09-20 62 views
0

如果你去digg.com并点击登录按钮,在屏幕弹出窗口中会出现一个很好的输入用户数据等。在javascript/css/jQuery中弹出...?

我想知道做这件事的最佳方式是什么?我的网站是用RoR编写的,我在那里有一些javascript元素。当我尝试搜索javascript Popup时,我只能得到window.open(...),但没有提到如何设置这个“软弹出”

有关如何编码的任何想法?谢谢!

就像我说的,虽然这听起来像一个愚蠢的问题,我不知道该怎么寻找(的JavaScript弹出产生实际的窗口弹出,而不是各种各样的这种平稳的衰落弹出每一个搜索)

回答

0

这里有很多名字。弹出窗口是一个普通的JavaScript窗口,“弹出”窗口通常具有较小的尺寸。您有时会注意到,当您点击网站时,其中一个网站可能会在当前页面后面打开并显示和显示广告。

你在找什么通常被称为模式或对话框。如果你使用jQuery,那么这里有很多插件。我相信colorbox是最新和最好的支持。 http://colorpowered.com/colorbox/

如果你不使用jQuery,那就没那么困难了。这种做法背后的想法是将html元素放在当前UI上。正如你在digg.com看到的那样,他们在他们的用户界面上放置了所谓的叠加层。您可以使用

position:absolute; 

这给它徘徊在UI上面的效应位置你的盒子。那么你所需要做的就是按照你想要的方式来设计风格。你将不得不计算页面尺寸来正确定位你的覆盖图,但这并不难。

0

的长期是一个“灯箱”。这是我喜欢的一个:Fancybox。您可以将任何内容放入弹出窗口中,包括表单。

0

也许你也想试试这个library。也是基于非常简单的代码的JQuery。弹出窗口,fancybox,灯箱,或任何你所说的它会出现/消失与动画,可拖动,并支持主窗口上的多窗口