iT邦幫忙

DAY 15
2

jQuery外掛特輯系列 第 15

[jQuery]外掛特輯15:BlockUI-區塊遮蔽讓使用者不再看到不該看的

  • 分享至 

  • xImage
  •  

更詳細的內容請至我的部落格finalevil's blog瀏覽

Block UI是一個相當古老的jQuery外掛,它幾乎就和另外一個叫做Thickbox的jQuery外掛一樣的古老,這是一個產生燈箱(lightbox)效果的外掛。雖然這些外掛都很古老,但卻也相當的完整,實在不可以小覷阿!像本文所介紹的BlockUI就是在使用者介面的遮蔽上首屈一指的外掛。

那麼為什麼要用BlockUI遮蔽使用者介面呢?最主要有兩個功用:

(1)當資料載入或儲存時,遮蔽畫面,禁止使用者連續進行操作,例如:猛點add或save這種事=="

(2)這是一個很微妙的人性問題,當使用者在瀏覽網頁的時候,如果畫面上有越多的選擇時,使用者越會無所適從,越會需要費心去尋找牠們所要使用的功能,這個時候還不如直接一點,就由我們來貼心的幫他把不需要看到的東西遮住。

* 外掛名稱:BlockUI
* 作者網站:http://malsup.com/jquery/block/#overview
* 範例演示:http://malsup.com/jquery/block/

事實上,blockUI的功能跟jQuery UI的dialog十分類似,兩者之間最主要的差異應該是blockUI可以遮蔽單一個某個容器物件,像是div。因此,我會在需要遮蔽某些固定區塊時,選擇使用blockUI。以下是簡單的程式碼:

更詳細的內容請至我的部落格finalevil's blog瀏覽


上一篇
[jQuery]外掛特輯14:Cookie-更方便的存取Cookie
下一篇
[jQuery]外掛特輯16:jPlayer-精美的線上音樂播放器
系列文
jQuery外掛特輯18
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言