有一个名为http://www.nomomon.com的网站,当用户登录时会弹出一个框,上面写着'连接到服务器',欢迎回来等等......
要了解我的意思,请访问该网站并使用电子邮件lazycg@live.co.uk和密码登录:传递
你会看到我的意思,我只是不知道如何创造这种效果,任何想法?
答案 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)
http://www.lokeshdhakar.com/projects/lightbox2/或http://www.google.at/search?sourceid=chrome&ie=UTF-8&q=fancybox
答案 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非常相似。我愿意打赌它是一款带有定制皮肤的精美盒子。