Jquery中文网 www.jquerycn.cn
Jquery中文网 >  jQuery  >  jQuery 插件  >  正文 jQuery 弹出窗口插件 Facebox

jQuery 弹出窗口插件 Facebox

发布时间:2014-04-30   编辑:www.jquerycn.cn
facebox是一个jquery为基础的lightbox,可显示图像, divs ,或者远程页面。 它的使用简单,容易。 首先我们用Facebox观看图片 : <a href="cssrain.jpg" rel="facebox">text</a> 仅仅这样就OK。 然后我们在来看 用Facebox观看div  : <a href="#info" rel="facebox">text<
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() })

您可能感兴趣的文章:
jQuery 弹出窗口插件 Facebox
jQuery弹出窗口插件 jQuery.msgbox
jQuery弹出窗口 jquery.popup
jQuery弹出窗口插件 SimpleBox
jQuery弹出层始终垂直居中相对于屏幕或当前窗口
Jquery ThickBox插件使用心得(不建议使用)
基于Jquery的仿Windows Aero弹出窗(漂亮的关闭按钮)
jQuery文件下载插件 jDownload
jQuery浮动窗口插件 jqFloatBox
jQuery对话框插件 Shadowbox

[关闭]