我想在我正在工作的网站上创建一个弹出框,我喜欢弹出框facebook和链接在,我如何创建它?

时间:2010-01-11 20:18:25

标签: php popup

我想在我正在处理的网站上创建一个POP up框,我喜欢弹出框facebook和链接有,我该如何创建它?是否有代码或什么?

任何人都可以帮助我吗?

3 个答案:

答案 0 :(得分:2)

Facebox - 如上所述 - 将允许您这样做。

要进一步扩展,请按照您所描述的使用javascript创建对话框。

您最有可能寻找的过程是您设置一个链接元素,指向您想要在对话框中显示的内容。请注意rel="facebox"属性 - 这是我们在弹出窗口中打开此链接的方式。

<a href="remote.html" rel="facebox">text</a>

然后包含javascript插件(以及所需文件,如jQuery library和插件css文件)以提供弹出功能。这应该在您网页的<head>中完成。

<script src="jquery.js" type="text/javascript"></script>
<link href="/facebox/facebox.css" media="screen" rel="stylesheet" type="text/css"/>
<script src="/facebox/facebox.js" type="text/javascript"></script>

现在您需要设置要应用于链接的弹出功能 - 应在上述链接之后的<head>部分或以单独的文件中应用以下内容。此代码段会告诉所有带rel="facebox"的链接在弹出窗口中打开。

<script type="text/javascript">
$(document).ready(function(){
    jQuery(document).ready(function($) {
        $('a[rel*=facebox]').facebox();
    });                        
});
</script>

答案 1 :(得分:0)

我会选择JQuery +对话框插件。

这是一个example

您还拥有JQuery Dialog implementation

答案 2 :(得分:0)

结帐facebox。它非常易于使用,并提供类似的外观和感觉。这是一个jQuery插件,如果需要,可以在jQuery插件站点上使用more information