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

附註 : 參數列表