jQuery燈箱外掛程式lightBox使用方法

2021-05-23 14:49:13 字數 667 閱讀 2583

jquery燈箱外掛程式lightbox使用方法 收藏

jquery的燈箱外掛程式很簡單,典雅,乖巧,無需額外的標記, 用於覆蓋當前頁面上的影象

「lightbox」是乙個別緻且易用的顯示效果,它可以使直接呈現在當前頁面之上而不用轉到新的視窗。類似於winxp作業系統的登出/關機對話方塊,除去螢幕中心位置的對話方塊,其他的區域都以淡出的效果逐漸變為銀灰色以增加對比度,此時除了對話方塊內的表單控制項,沒有其他區域可以獲取焦點。

$(function() );

});使用方法:

1、在頁面頭部包含 lightbox.js 檔案並載入 lightbox.css 樣式表檔案

2、新增 rel="lightbox" 屬性應用到任何鏈結標記,以啟用該燈箱。

image #1

3、如果您希望向使用者顯示乙個載入圖形像上面使用如下

var loadingimage = 'loading.gif';

4、自定義關閉

var closebutton = 'close.gif';

擴充套件:jquery lightbox外掛程式有一些配置,你可以定義呼叫它。

在該配置中,您可以定製您的jquery lightbox外掛程式 。

例子:

jQuery外掛程式之日曆外掛程式

在頁面開發中,經常遇到需要使用者輸入日期的操作。通常的做法是,提供乙個文字框 text 讓使用者輸入,然後,編寫 驗證輸入的資料,檢測其是否是日期型別。這樣比較麻煩,同時,使用者輸入日期的操作也不是很方便,影響使用者體驗。如果使用jquery ui中的datepicker 日曆 外掛程式,這些問題都...

jQuery常用外掛程式 cookie外掛程式

使用cookie外掛程式後,可以很方便地通過cookie物件儲存 讀取 刪除使用者的資訊,還能通過cookie外掛程式儲存使用者的瀏覽記錄 1.語法 1 呼叫格式 cookie key,value,option 其中引數key為儲存cookie物件的名稱,value為名稱對應的cookie值。2 儲...

jQuery筆記(編寫jQuery外掛程式)

編寫jquery外掛程式,就等同與編寫乙個jquery物件的方法。給jquery物件繫結方法是通過擴充套件 fn物件實現的。如編寫乙個改變樣式的外掛程式 fn.makecolor function options 注 一定要留意return this,這表示可以繼續鏈式使用下去 同時還要留意這裡的t...