facebox 实用

最新推荐文章于 2020-09-30 00:12:42 发布

weixin_33937778

最新推荐文章于 2020-09-30 00:12:42 发布

阅读量578

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/jastbelove/archive/2009/11/06/1597583.html

版权

facebox是一个jquery为基础的lightbox，可显示图像， divs ，或者远程页面。它的使用简单，容易。

首先我们用Facebox观看图片：
<a href="cssrain.jpg" rel="facebox">text</a>
仅仅这样就OK。

然后我们在来看用Facebox观看div ：
<a href="#info" rel="facebox">text</a>
ok,就这样就能简单的实现facebox了。

当然在ajax横行的时代，ajax远程加载页面也是必不可少的。
我们用Facebox加载远程的页面内容：
<a href="cssrain.html" rel="facebox">text</a>
OK，这样就能远程加载 cssrain.html 的内容，以facebox的方式显示了。

用法：
facebox应该导入
<script src="jquery.js" type="text/javascript"></script>
<link href="/facebox/facebox.css" _fcksavedurl=""/facebox/facebox.css"" media="screen" rel="stylesheet" type="text/css"/>
<script src="/facebox/facebox.js" type="text/javascript"></script>
jQuery(document).ready(function($) {
//超链接的rel属性是否具有facebox
$('a[rel*=facebox]').facebox()
})

转载于:https://www.cnblogs.com/jastbelove/archive/2009/11/06/1597583.html