2012年6月18日

jQuery noty plugin 美麗的對話提示

簡介

jQuery noty是一款輕量級的jQuery alert差件,它讓我們能夠非常簡單的創造alert對話框,例如成功、失敗、資訊、確認視窗等,不僅如此,每一個alert任務都會被放入等待對列中,等到前一個結束接下去的那個會一個個的觸發。noty的提示可以容易的設定出現位置,有左上、中上、右上、中間、右下等....不僅如此notyc還提供許多相當多的參數只需要在呼叫時加入即可馬上操作。
jQuery noty : http://needim.github.com/noty/

多樣化主題

noty內建多樣化的主題,除了這些主題外你也可以自己擴充一個,擴充方式非常的簡單,通常你只需要額外撰寫一個CSS檔即可,以是noty預設提供的主題
Default
Mitgux
Twitter Bootstrap
Facebook

如何使用

那麼我該怎麼呼叫noty呢?要使用它非常的簡單,簡單的程度就像是內建的alert()方法,呼叫方法如下
// 簡易的noty noty({text: 'noty - a jquery notification library!'}); // 較多參數的noty noty({ "text":"Hi! I'm an example text. When I grow up I want to be a noty message.", "layout":"top", "type":"success", "animateOpen":{"height":"toggle"}, "animateClose": {"height":"toggle"}, "speed":500, "timeout":5000, "closeButton":false, "closeOnSelfClick":true, "closeOnSelfOver":false, "modal":false });

使用創造工具

noty的威力還不僅如此,在官方網站中它還提供了非常方便的製造工具,讓我們直接挑選並設定到自己想要的樣式後,在取得程式碼,是不是很方便呢?

附註 : 參數列表


沒有留言:

ShareThis