Jquery.noty.js是一個簡單易用的通知插件,讓您可以快速制作各種類型的通知效果,比如字幕式、注冊提示、警告等。下面我們來看看幾個例子來加深了解。
$(document).ready(function(){ noty({ text: '成功添加到購物車!', layout: 'centerRight', theme: 'relax', type: 'success', timeout: 2000 //2秒后消失 }); });
這是一個簡單的成功提示效果,采用了centerRight布局效果,relax主題,并設置了2秒后自動消失。讓我們來看看另一個例子。
$(document).ready(function(){ noty({ text: '您確定要刪除選中的項目嗎?', layout: 'center', theme: 'defaultTheme', type: 'warning', buttons: [ { addClass: 'btn btn-primary', text: '確定', onClick: function($noty) { $noty.close(); //執行刪除操作 } }, { addClass: 'btn btn-danger', text: '取消', onClick: function($noty) { $noty.close(); } } ] }); });
這是一個帶有確認和取消按鈕的警告提示效果,采用了center布局效果,defaultTheme主題。buttons參數中指定了兩個按鈕,分別為確定和取消,并且指定了各自的樣式和點擊事件。
通過上述兩個例子,我們可以看出jquery.noty.js插件可以輕松實現各種類型的通知效果,并且具有豐富的配置項和樣式庫。我們可以按照需求靈活使用。