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

时间:2009-02-22 13:46:41

标签: javascript html css dhtml

我在谈论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的内容。此外,更改背景/边框颜色等应该很容易。而且视觉上越有吸引力,越好。

有什么建议吗?

此外,如果在加载/隐藏更多内容时其高度将被扩展/缩小,那么最好

1 个答案:

答案 0 :(得分:0)

好吧,如果你使用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 的远程内容并显示它。

除此之外,jquery还有loadsother个lighbox插件。