close
它是什麼?
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()
})
<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.2
全站熱搜
留言列表
{{ article.title }}
