DIV CSS 佈局教程網

網頁制作poluoluo文章簡介：今天就向大家介紹一下 clearbox 3，它在實現lightbox基本功能的同時，也有很多創新之處。

LightBox是一個很酷的，也是很有用的js腳本，可以很方便的查看頁面中的圖片。但是自從Lightbox誕生之後，一大批的仿Lightbox的腳本就不斷湧現，其中不乏優秀的完全超越Lightbox的作品，我們之前也收集過《 10個最佳Mootools Lightbox效果腳本收集》和《 10個最佳jQuery Lightbox效果插件收集》今天就向大家介紹一下 clearbox 3，它在實現lightbox基本功能的同時，也有很多創新之處。

Clearbox 是一個獨立的腳本，不依賴其它JS庫或框架。它有很多個部分組成，包括core文件，語言包，以及配置文件，但是你使用的時候只需要引入一個接口文件clearbox.js就可以了。

clearbox有以下特性：

• 圖片自動播放；
• 圖片旋轉；
• 鼠標滾輪切換圖片；
• 自動檢測媒體格式；
• 多語言支持(目前官方尚未提供中文語言包，不過語言包設置非常簡單，只需在簡單配置language/目錄下新加一個語言文件夾比如cn，然後將翻譯好的cb_language.js文件放進去就可以。)

Clearbox支持媒體格式：

• 圖片格式：BMP, GIF, JPG, JPEG, PNG
• 視頻格式：AVI, MOV, MPG, MPEG, WMV
• 音頻格式：MP3, WAV, WMA
• Flash： SWF
• 內聯內容： inner#id
• HTML內容：通過href添加任何HTML文件
• Iframe 內容：可以通過iframe嵌套任何頁面

從中可以看出，clearbox是一款很強大的Lightbox軟件，它可以實現你所需要的各項功能。

查看Demo | 到官方下載 | 查看詳細教程

但是，很少有很完美的東西，雖然clearbox很強大，現在我們越來越強調網站性能，而clearbox卻調用了多個js文件，這顯然會增加網站的HTTP請求數量，從而影響網站的整體性能，所以我建議在使用的時候，可以采取一些措施對其腳本進行必要的合並和壓縮。

這裡就簡單介紹這麼多，希望了解更多的童鞋可到官方網站查詢，如有疑問也可以在本文的評論中交流