jQuery UI插件之facebox

Facebox是什么的?

Facebox是基于jQuery 的插件，Facebook-style lightbox，可以显示图像，div，或整个远程页面。它使用简单，效果好看，查看示例，然后开始这种效果吧。

 

如何使用

步骤1：

装载javascript，jQuery是确保之前加载Facebox。

<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>

步骤2：

jQuery(document).ready(function($) {
   $('a[rel*=facebox]').facebox()
})

步骤3：

可以装载3种：分别是 图片 div 与远程html

注意a标记需要 rel="facebox"

Images

The Code

<a href="stairs.jpg" rel="facebox">text</a>

Divs

The Code

<a href="#info" rel="facebox">text</a>

Ajaxes

The Code

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

下载地址：http://famspam.com/facebox