如何获得这种效果(不知道它叫什么?!?!)

时间:2011-08-27 08:42:26

标签: javascript jquery html css effect

有一个名为http://www.nomomon.com的网站,当用户登录时会弹出一个框,上面写着'连接到服务器',欢迎回来等等......

要了解我的意思,请访问该网站并使用电子邮件lazycg@live.co.uk和密码登录:传递

你会看到我的意思,我只是不知道如何创造这种效果,任何想法?

6 个答案:

答案 0 :(得分:2)

您所考虑的技术的一个名称将是“lightbox”。有许多现有脚本可以实现这样的效果。快速搜索“JavaScript lightbox”将返回数千条结果。

就个人而言,如果我已经在使用jQuery,我倾向于使用jQuery UI Dialog。看一下jQuery UI文档中的模态示例,找到与您问题中的示例类似的内容。

答案 1 :(得分:2)

这是一个模态窗口:http://en.wikipedia.org/wiki/Modal_window

这是一个可以使用的实例:http://jqueryui.com/demos/dialog/#modal-message

通过一些修改,您可以获得类似的效果。使用较暗的背景,执行一些AJAX请求以更新显示的消息,然后重定向用户。

答案 2 :(得分:0)

答案 3 :(得分:0)

这种效果被称为灯箱,只需在页面上设置半透明覆盖就可以获得,最重要的是,使用jQuery动画的<div>。根据AJAX调用结果,文本会发生变化,这就是它的全部内容。

答案 4 :(得分:0)

他们在http://www.nomomon.com/ui/login.js中的代码模糊不清,但我会使用像xajax ... http://www.xajax-project.org这样的工具来解决这个问题...它可以轻松访问调用PHP和javascript / jQuery函数。执行MySQL查询,使用jQuery更新DOM,执行另一个MySQL查询,再次更新DOM等等。

答案 5 :(得分:0)

jquery中的效果称为灯箱。该网站上使用的版本与FancyBox非常相似。我愿意打赌它是一款带有定制皮肤的精美盒子。