基于jQuery的facebox使用
来源:互联网 发布:linux xz安装 编辑:程序博客网 时间:2024/09/21 09:19
点击这里使用RSS订阅本Blog:
它是什么?
facebox是一个jquery为基础的lightbox,可显示图像, divs ,或者远程页面。 它的使用简单,容易。下载js,请查看例子,然后开始享受facebox给我们带来的乐趣。
首先我们用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的方式显示了。
这是FamSpam 上的截图
用法:
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()
})
演示
演示
下载
你需要在js和css里面 加上 loading图片,和四个角的图片和边框图片。 这就是你要做的。
Download Facebox v1.0
深入研究
http://famspam.com/facebox/
感谢 & 联系
感谢Facebook的理念和风格。感谢Mindy Tchieu她在工作中对我的帮助。
facebox作者Email: chris@ozmm.org
翻译作者Email: cssrain@gmail.com Blog:http://www.cssrain.cn
摘自【http://bbs.blueidea.com/thread-2822886-1-1.html】
<script type="text/javascript" src="http://www.google.com/reader/ui/publisher.js"></script> <script type="text/javascript" src="http://www.google.com/reader/public/javascript/user/00697638153916680411/state/com.google/broadcast?n=5&callback=GRC_p(%7Bc%3A%22green%22%2Ct%3A%22%5Cu8FD9%5Cu4E9B%5Cu6587%5Cu7AE0%5Cu4E5F%5Cu503C%5Cu5F97%5Cu4E00%5Cu770B%22%2Cs%3A%22false%22%7D)%3Bnew%20GRC"></script>
它是什么?
facebox是一个jquery为基础的lightbox,可显示图像, divs ,或者远程页面。 它的使用简单,容易。下载js,请查看例子,然后开始享受facebox给我们带来的乐趣。
首先我们用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的方式显示了。
这是FamSpam 上的截图
用法:
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()
})
演示
演示
下载
你需要在js和css里面 加上 loading图片,和四个角的图片和边框图片。 这就是你要做的。
Download Facebox v1.0
深入研究
http://famspam.com/facebox/
感谢 & 联系
感谢Facebook的理念和风格。感谢Mindy Tchieu她在工作中对我的帮助。
facebox作者Email: chris@ozmm.org
翻译作者Email: cssrain@gmail.com Blog:http://www.cssrain.cn
摘自【http://bbs.blueidea.com/thread-2822886-1-1.html】
<script type="text/javascript" src="http://www.google.com/reader/ui/publisher.js"></script> <script type="text/javascript" src="http://www.google.com/reader/public/javascript/user/00697638153916680411/state/com.google/broadcast?n=5&callback=GRC_p(%7Bc%3A%22green%22%2Ct%3A%22%5Cu8FD9%5Cu4E9B%5Cu6587%5Cu7AE0%5Cu4E5F%5Cu503C%5Cu5F97%5Cu4E00%5Cu770B%22%2Cs%3A%22false%22%7D)%3Bnew%20GRC"></script>
- 基于jQuery的facebox使用
- jQuery UI插件之facebox
- jquery 弹出层插件facebox用法
- CSS3制作半透明边框记得以前Facebook有段时间使用了非常多的半透明边框(Facebox)
- 使用jquery实现基于browser的打印
- 基于jquery的$.ajax async使用
- 基于jquery的$.ajax async使用
- 基于jquery的$.ajax async使用
- 第一章 基于jQuery插件的使用
- [置顶] 为自己的JS库 moogens 增加 facebox 组件
- facebox 介绍
- 基于jquery框架的jTemplates模板引擎的使用
- PrettyPhoto,一款基于Jquery的图片播放插件的使用
- 基于bootstarp的分页插件jquery.twbsPaginationwbst的使用
- 基于jQuery的FlexiGrid的插件使用和改造
- 基于jquery+flash的文件上传组件uploadify使用
- 基于HTML5和jQuery的jChartFX使用设置
- 【.Net码农】基于jquery的$.ajax async使用
- 承担起家庭责任——Leo看《The Pursuit of Happyness》
- 程序人生之一-一只矿泉水瓶
- Diablo II中的各种hacks
- 暴雪和黑客的战争一:外挂的幸福时光
- Hacking Diablo II之外挂的工作原理
- 基于jQuery的facebox使用
- 暴雪和黑客的战争二:暴雪的第一击
- WOW中的一种外挂设想,兼看老外骂人
- Hacking Diablo II之外挂实战教程:去除D2JSP试用版显示的Trial Version信息
- 暴雪和黑客的战争三:黑客的反击
- 销售人员面试题之市场问题
- 2008,且行且珍惜
- 在同一个进程空间运行两个程序
- 某外企SQL Server面试题(英文,答案)