jQuery 弹出窗口插件 Facebox

未知
JavaScript
跨平台
2008-09-19

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()
})

加载中

评论(1)

z
zhanght
文件浏览 Facebox

暂无资讯

8
回答
15款ajax特效,针对Lightbox和Modal Dialog

运用Lightbox和Modal Dialog可以很方便地在浏览器中展示内容,而无需重载整个页面,有了Lightbox就不必再使用浏览器弹窗了。Light...

2010/11/22 07:25

没有更多内容

加载失败,请刷新页面

没有更多内容

facebox的iframe补充

Using IFrame with FaceBox JQuery plugin By BRUNO | Published: MAY 21, 2010 Facebox is a jQuery-based, Facebook-style lightbox which can display images, divs, or entire remote pa...

2012/07/22 17:36
98
0
10个最佳jQuery Lightbox效果插件收集

jQuery Lightbox Plugin 支持的媒体类型: Images 演示 下载 Fancybox 支持的媒体类型: Images, Inline html, iFrame 演示 下载 Shadowbox 支持的媒体类型: Images, Inline html, iFrame,...

2010/11/05 21:20
3.2K
0
Markdown语法

1. 标题 Markdown 语法: # 第一级标题 `<h1>` ### 第三级标题 `<h3>` ###### 第六级标题 `<h6>` 效果如下: 第一级标题 <h1> 第三级标题 <h3> 第六级标题 <h6> 2. 强调 Markdown 语法: *这...

01/07 12:05
4
0
10个最佳jQuery Lightbox效果插件收集

大家都很喜欢Lightbox弹框效果,这种效果在很多地方都很有用。而原始的Lightbox脚本已经被无数次的克隆到了所有的流行Javascript库中。本文特别收集了10个最佳的Lightbox效果插件,所以收藏本...

2012/08/16 17:03
116
0
iOS之使用CoreImage进行人脸识别

2018-09-04更新: 很久没有更新文章了,工作之余花时间看了之前写的这篇文章并运行了之前写的配套Demo,通过打印人脸特征CIFaceFeature的属性,发现识别的效果并不是很好,具体说明见文章最底...

03/14 15:20
7
0
测试 Markdown 支持情况

这个是 MWeb 软件带的一段例子。我放在这里只是试试。 # Markdown 语法和 MWeb 写作使用说明 ## Markdown 的设计哲学 > Markdown 的目標是實現「易讀易寫」。 > 不過最需要強調的便是它的可讀...

2018/01/12 11:51
19
0
GitHub:我们是这样弃用jQuery的

摘要: 技术债清理流程指南。 原文:Removing jQuery from GitHub.com frontend 译文:GitHub:我们为什么会弃用jQuery? 作者:GitHub 前端工程团队 译者:无明 编辑:覃云 最近,我们将jQu...

2018/11/23 10:56
36
0
MarkDown常用基本语法

MarkDown示例文档

2016/01/21 10:32
21
1
2018年,JavaScript都经历了什么?

摘要: 对JSer来说,这是很有意思的1年。 本文灵感来自JavaScript Weekly周报,欢迎大家订阅。 The State of JavaScript 2018 The State of JavaScript调研已经连续做了3年(2016, 2017, 2018...

2018/12/25 10:07
19
0
jquery常用的插件1000收集

花N长时间积累的Jquery插件,希望大家喜欢。大家还有什么新的插件,请留言,我们一并收录。 感谢大家的支持。 1.accordion类 基于jQuery开发,非常简单的水平方向折叠控件。 Horizontal acc...

2011/03/07 17:30
9.3K
0

没有更多内容

加载失败,请刷新页面

返回顶部
顶部