有一个网站叫http://www.nomomon.com,当用户登录时会弹出一个框,说'连接到服务器',并且欢迎回来等等...如何获得这种效果(不知道它叫什么?!?!)
要明白我的意思去的网站,并与电子邮件[email protected]和密码登录:通过
你会明白我的意思,我只是不知道如何去创造这种效果,任何想法?
有一个网站叫http://www.nomomon.com,当用户登录时会弹出一个框,说'连接到服务器',并且欢迎回来等等...如何获得这种效果(不知道它叫什么?!?!)
要明白我的意思去的网站,并与电子邮件[email protected]和密码登录:通过
你会明白我的意思,我只是不知道如何去创造这种效果,任何想法?
您正在考虑的技术的一个名称是“lightbox”。有许多现有的脚本来实现这种效果。快速搜索“JavaScript lightbox”将返回数千个结果。
就个人而言,如果我已经使用jQuery,我倾向于使用jQuery UI Dialog。看看jQuery UI文档中的模态示例,以找到与您的问题中的示例类似的内容。
这是一个模态窗口:http://en.wikipedia.org/wiki/Modal_window
此,您可以使用一个活生生的例子:http://jqueryui.com/demos/dialog/#modal-message
经过一些修改,你可以得到类似的效果。使用较暗的背景,执行一些AJAX请求来更新显示的消息,然后重定向用户。
这个效果被称为一个灯箱,它可以通过简单地在页面上有一个半透明的覆盖层来获得,最重要的是,它是一个用jQuery动画的<div>
。文本可能会根据AJAX调用结果进行更改,这与所有内容有关。
他们在http://www.nomomon.com/ui/login.js中的代码被遮挡了,但我会用xajax这样的工具来处理这个... http://www.xajax-project.org ...它可以轻松访问PHP和javascript/jQuery函数。做一个MySQL查询,用jQuery更新DOM,做另一个MySQL查询,再次更新DOM等。
jQuery中的效果被称为lightbox。在该网站上使用的那个看起来与FancyBox非常相似。我敢打赌,它是一个自定义皮肤的花式框。
我给你一个电子邮件和密码登录! – carlgcoder
@Tomalak他提供了一个示例用户名和密码,因此您无需注册即可登录。 –
糟糕。那不好意思了。 ;-)尽管如此,屏幕截图或其他东西会比将您的帐户资料公诸于众。 – Tomalak