3

我正在建立一个网站，每个页面上都有一个“登录/注册”链接。每当有人单击此链接时，我希望基于 JavaScript/div 的注册表单浮动在内容顶部，并带有一个链接以“关闭”它（如果他们愿意）。

我还希望 div 的功能显示在他们的鼠标位置附近，也就是说，如果他们单击页面中间附近的链接，它应该显示在中间附近，并且他们不必一直滚动到顶一下看看。（澄清一下，可能是它应该自动确定鼠标坐标，或者有办法指定（x，y）坐标。）

我自己是一名优秀的 JavaScript 开发人员，但不是专家，所以我相信会有一些库比我做得更好。有什么链接/教程要分享吗？

4

5 回答 5

3

今天有一个更好的方法。它被称为 jQuery 对话框：http: //jqueryui.com/demos/dialog/

查看模型表单示例：http: //jqueryui.com/demos/dialog/#modal-form

于 2012-05-04T16:14:08.217 回答
2

看看 jQuery Thickbox。

http://jquery.com/demo/thickbox/

于 2008-12-06T06:00:07.390 回答
1

你可以试试这个：

<div id="loginBox"><!-- insert content here--></div><br />
<style type="text/css"><br />
   #loginBox { <br/>
        display:none; <br/>
        position:absolute; <br/>
        /* left and top */<br/>
   }<br/>
</style><br/>
<script type="text/javascript"><br/>
   function showLoginBox() { document.getElementById('loginBox').style.display = 'block'; }<br/>
</script><br/>
<a href="#" onclick="showLoginBox()" >Show login box</a><br />

如果您只需要一个简单的解决方案，那应该可以。

于 2008-12-06T10:50:29.767 回答
0

我试过Thickbox，但它总是显示一个空框，而不是我想显示的div的内容。所以我找到了 Ibox，它运行良好 :)

于 2008-12-07T18:32:01.457 回答
-2

您还可以在隐藏工具栏、地址栏等的新窗口中显示登录页面。您可以使用从主页中的鼠标单击事件中检索到的鼠标坐标来设置窗口位置

于 2008-12-06T10:18:09.973 回答