jQuery外掛程式 ImageBox的使用

2022-02-11 08:13:29 字數 764 閱讀 4101

顯示的頁面

在顯示大圖時你會發現左下腳,顯示 "showing image 1 from 1",有兩個數字,這個是根據rel的值的來決定的,如果有多個相同的rel值,jquery就會把這幾個相同rel的列為一組,所以from後的數字就是這組成員數量啦。

樣式表中的有要顯示時候需要用到的樣式,你可以修改的。

/*顯示的頁面背景色*/

#imageboxoverlay

/*最底部的背景色*/

#imageboxcaption

/*顯示區域的那個樣式*/

#imageboxcontainer

/*文字說明(也就是那個鏈結的title)樣式,*/

#imageboxcaptiontext

#imageboxcaptionimages

/*滑鼠移動到右邊時顯示的下張的那個背景*/

#imageboxnextimage

/*滑鼠移動到左邊時顯示的上一張的那個背景*/

#imageboxprevimage

/*滑鼠移動到右邊時顯示的下張的那個表示*/

#imageboxnextimage:hover

/*滑鼠移動到左邊時顯示的上一張的那個表示*/

#imageboxprevimage:hover

2009-4-17修正

在imagebox的使用過程,發現當滑鼠移到有些上面時候,不能顯示下一張和上一張的,最後測試發現啊,imagebox 中的a標籤不能使用小寫的,只能使用大寫的a,呵呵 最近發現的。

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...