所謂的 Box Window 就是在網頁中開啟一個視窗(非新視窗)
而開啟的視窗會出現在網頁正中央
並暗化周圍區塊將重點強調出來

下面列了一些知名度比較高的 JavaScript
他們除了能達到上序功能外
有些還衍生出更多功能與效果

Lightbox

功能:
1. 擁有漂亮的載入過場動畫
2. 支援多張圖片模式,能快速的切換到前一張或下一張圖片

官方網站:http://www.huddletogether.com/projects/lightbox2/
官方下載:http://www.huddletogether.com/projects/lightbox2/releases/lightbox2.04.zip
最新版本:v2.04 - 2008/03/09

Lytebox

功能:
1. 擁有漂亮的載入過場動畫
2. 支援多張圖片模式,能快速的切換到前一張或下一張圖片
3. 支援網頁載入,並能夠與圖片一樣快速切換前一頁或下一頁
4. 支援自動播放功能,功能如同幻燈片一樣

官方網站:http://www.dolem.com/lytebox/
官方下載:http://www.dolem.com/lytebox/lytebox_v3.22.zip
最新版本:v3.22 - 2007/10/02

ThickBox

功能:
1. 支援圖片, 框架 , 內嵌內容, 與 AJAX 
2. 支援多張圖片模式,能快速的切換到前一張或下一張圖片
3. 瀏覽器視窗大小改變或拉動捲軸,都能保持置中

官方網站:http://jquery.com/demo/thickbox/
中文教學網站:http://www.hsiu28.net/
最新版本:v3.1 - 2007/08/08

FancyBox

功能:
1. 絕佳的過場動畫,與陰影外框
2. 支援圖片, 框架 , 內嵌內容
3. 支援多張圖片模式,能快速的切換到前一張或下一張圖片

官方網站:http://fancy.klade.lv/
最新版本:v1.2

jQuery LightBox plugin

顧名思義,就是 lightBox 加強版,使用 jQuery 核心從新打造的 LightBox 
功能:
1. 擁有漂亮的載入過場動畫
2. 支援多張圖片模式,能快速的切換到前一張或下一張圖片
3. 支援鍵盤控制切換圖片

官方網站:http://leandrovieira.com/projects/jquery/lightbox/
官方下載:http://leandrovieira.com/download/7/
最新版本:v0.5

Highslide功能:
1. 多視窗開啟
2. 支援多張圖片模式,能快速的切換到前一張或下一張圖片
3. 支援自動撥放功能

官方網站: http://highslide.com/

創作者介紹
創作者 雞蛋貓異想世界 的頭像
雞蛋貓異想世界

台南美食-雞蛋貓異想世界

雞蛋貓異想世界 發表在 痞客邦 留言(0) 人氣()