網上收集到幾個
JS
遮罩層效果,可以實現圖片彈出、背景變色,類似于
windows
關機
效果,具體的
JS
如下:
1.
Thickbox
-
基于
jQuery
,支持
AJAX
,輕量級的而且比較高效??梢栽?/p>
lightbox
中
使用圖片或
HTML
。
大小約為
40k
,目前還可作為
WordPress
的插件使用。
2.
GreyBox -
創建
iframe
的彈出界面,可使用圖片、
HTML
及
URL
,大小約為
20k
。
3.
GreyBox Redux -
基于
jQuery
,比
GreyBox
更輕。
4.
Lightbox v2.0 -
最初是為了顯示圖片設計的,使用了
prototype
和
sciptaculous
,所
以有些沉重,但對于圖片來說很好用。
5.
Lightbox with moo.fx -
基于
prototype
,但只能用于圖片。
6.
Lightbox Gone Wild - modal
模式窗口的
lightbox
,可使用
html
<
、表單及圖片,也
是基
'
于
prototype
的,所以有一些
heavy
。
7.
Multi-faceted LIghtbox -
又一個基于
prototype
的,不過這個為各種可用于
lightbox
的數據類型提供了選項。
8.
Leightbox -
和
Lightbox Gone Wild
很相似,只是
Leightbox
以
html
方式存放內
容,所以可以被搜
索引擎索引到。
9.
xilinus -
使用簡單,基于
prototype
,很容易定制,可使用多種內容選項。
10.
Lightbox Plus -
可以自動根據窗口的大小縮放圖片。
11.
Suckerfish Hover Lighbox -
和傳統的
lightbox
不一樣,它在打開
lightbox
的時候,
還可以點擊訪問頁面上的其它元素。
12.
Litebox
-
這是
Lightbox
的另一個版本,代碼量減少了,使用了
moo.fx
和
prototype-lite
,如果頁面
需要減肥的話,可以選擇這個。
13.
GreyFrame
是一個遮罩彈出顯示頁面的
JS
類
,
它可以允許你像在框架
(
如
:
frame
和
iframe
)
中打開一個鏈接
.
你無需寫彈出的腳本代碼
(
如
:
on click
事件
)
,
只要你在超鏈接標簽
<
a
>
中的
target
屬性
設置為框架名稱就可以了
.