javascript - 显示基于 Javascript/Div 的悬停窗口的最佳方式？

Question

我说的是 Ibox种类。即，用户单击一个链接，一个基于 javascript 的小 div 悬停在上面，其中包含一个小表单等。

我想给用户一个<script>他们将放置在其网站中的标签。然后，他们会将所需的 javascript 函数放入他们的 <a href> 中。他们想用来显示表单的标签。例如，他们会放:

<a href="javascript:mysite_signUpForm();">
Create an account on [My site's name]</a>

显然，这里的 mysite 将替换为我的网站名称。

这里的主要要求是它应该能够在表单中显示站外网址。即，它应该接收一个 url 并在其 div 中加载该 url 的内容。此外，更改背景/边框颜色等应该很容易。视觉上越吸引人越好。

有什么建议吗？

此外，如果它的高度随着更多内容的加载/隐藏而扩展/减小，那将是最好的

Answer 1

嗯，如果你使用 jquery，你可以使用 facebox插入。所以，一旦你这样做了，你就可以像这样建立链接:

<a href="http://site.name.com/page.html" rel="facebox">Link content</a>

然后像这样初始化插件:

  $('a[rel*=facebox]').facebox() 

这将在 div 中加载位于 site.name.com/page.html 的远程内容并显示它。

除此之外，还有loads的 other用于 jquery 的灯箱插件。