DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> Clearbox 3:很酷的仿Lightbox腳本
Clearbox 3:很酷的仿Lightbox腳本
編輯:關於JavaScript     

網頁制作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請求數量,從而影響網站的整體性能,所以我建議在使用的時候,可以采取一些措施對其腳本進行必要的合並和壓縮。

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

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved