它是什么?
facebox是一個(gè)jquery為基礎(chǔ)的lightbox，可顯示圖像， divs ，或者遠(yuǎn)程頁(yè)面。 它的使用簡(jiǎn)單，容易。下載js，請(qǐng)查看例子，然后開(kāi)始享受facebox給我們帶來(lái)的樂(lè)趣。
首先我們用Facebox觀看圖片 ：
<a href="cssrain.jpg" rel="facebox">text</a>
僅僅這樣就OK。
然后我們?cè)趤?lái)看 用Facebox觀看div ：
<a href="#info" rel="facebox">text</a>
ok,就這樣就能簡(jiǎn)單的實(shí)現(xiàn)facebox了。
當(dāng)然在ajax橫行的時(shí)代，ajax遠(yuǎn)程加載頁(yè)面也是必不可少的。
我們
用Facebox加載遠(yuǎn)程的頁(yè)面內(nèi)容：
<a href="cssrain.html" rel="facebox">text</a>
OK，這樣就能遠(yuǎn)程加載 cssrain.html 的內(nèi)容，以facebox的方式顯示了。
這是
FamSpam 上的截圖
用法：
facebox應(yīng)該導(dǎo)入
<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圖片，和四個(gè)角的圖片和邊框圖片。 這就是你要做的。
Download Facebox v1.0
深入研究
http://famspam.com/facebox/
感謝 & 聯(lián)系
感謝Facebook的理念和風(fēng)格。感謝Mindy Tchieu她在工作中對(duì)我的幫助。
facebox作者Email:
chris@ozmm.org
翻譯作者Email:
cssrain@gmail.com Blog:
http://www.cssrain.cn
摘自【http://bbs.blueidea.com/thread-2822886-1-1.html】