Jbox是一個基于jQuery的彈出對話框插件。它可以方便地用來彈出窗口、模態框和提示框等等,是一個非常實用的工具。
Jbox的最新版本是3.2.1,它支持jQuery 1.12.4+和2.2.4+,同時也支持jQuery 3.0+版本。Jbox可以在ie8+、chrome、firefox和safari等主流瀏覽器中使用。
$(function(){ // 彈出提示框 new jBox('Notice', { content: '歡迎使用jBox', color: 'green' }); // 彈出窗口 new jBox('Modal', { width: 400, height: 200, title: 'Jbox', content: '這是一個彈出窗口
' }); // 彈出模態框 new jBox('Confirm', { title: '提示', content: '確定要刪除?', cancelButton: '取消', confirmButton: '確定', confirm: function () { console.log('delete'); } }); });
Jbox提供了多種彈出方式,包括Notice(提示框)、Modal(窗口)、Tooltip(工具提示)、Confirm(確認框)和Image(圖片)等。我們只需要按照相應的格式調用即可。
Jbox除了提供了一些基本的彈出框架,還提供了許多的定制功能。我們可以通過添加樣式、自定義按鈕和設置回調來實現自定義需求。
總之,Jbox是一個非常實用的jQuery插件,它讓我們在編寫網頁時不用再大費周折地編寫彈出框,會讓我們的頁面變得更加美觀、簡潔。
下一篇徑向漸變 css