jQuery UI外掛之facebox
阿新 • • 發佈:2019-01-05
Facebox是什麼的?
Facebox是基於jQuery 的外掛,Facebook-style lightbox,可以顯示影象,div,或整個遠端頁面。它使用簡單,效果好看,檢視示例,然後開始這種效果吧。
如何使用
步驟1:
裝載javascript,jQuery是確保之前載入Facebox。
<script src="jquery.js" type="text/javascript"></script>
<link href="/facebox/facebox.css" media="screen" rel="stylesheet" type="text/css"/>
<script src="/facebox/facebox.js" type="text/javascript"></script>
步驟2:
jQuery(document).ready(function($) {
$('a[rel*=facebox]').facebox()
})
步驟3:
可以裝載3種:分別是 圖片 div 與遠端html
注意a標記需要 rel="facebox"
Images
The Code
<a href="stairs.jpg" rel="facebox">text</a>
Divs
The Code
<a href="#info" rel="facebox">text</a>
Ajaxes
The Code
<a href="remote.html" rel="facebox">text</a>