漂亮的彈視窗外掛程式 sweetAlert的使用

2022-05-10 13:28:39 字數 1291 閱讀 4256

想必你已經受夠了單調的alert彈窗吧?

為了更好的使用者體驗性,現在介紹一款漂亮的彈視窗外掛程式——sweetalert,現在就來介紹它的使用

2、在頁面的頭部初始化外掛程式

"

stylesheet

" type="

text/css

" href="

dist/sweetalert.css

">

3、頁面載入完成後呼叫sweetalert函式

最基本的呼叫方法:

sweetalert("

hello world!

");

會看到:

帶錯誤提示框的彈窗:

4、用到專案中:

a、刪除時的彈窗:

class="

btn btn-danger btn-xs del

" onclick="

check(})

">刪除

js**:

點選刪除時彈出:

點取消:

點確認刪除:

b、新增/修改資料成功時彈窗

前面最下面新增js**:如果刪除成功則彈窗,點選確定跳到首頁(可自定義)

@if(session::get('

success'))

@endif

if

($res)

成功則彈出提示,點選ok返回首頁

6、就介紹這麼多了,更多用法可參照官網

jbox彈窗 強大的jquery彈出層外掛程式jBox

jbox是一款功能強大的jquery彈出層外掛程式。jbox外掛程式可以用來建立tooltips提示框 模態視窗 畫廊等多種效果。使用方法 在頁面中引入jbox.all.min.css jquery和jbox.all.min.js檔案。建立tooltips html結構如下。hover me hov...

用Delphi7 0實現漂亮的漢字視窗

在視覺化開發的時代,窗體是絕大部分應用程式的核心,但是開發者也許已對windows一成不變的方形窗體感到厭煩。其實巧妙地使用api函式即可實現漢字形狀的窗體。本文的例項執行後將顯示乙個由 電腦報 三個漢字作為外形的窗體。當然你還可以利用本期講的方法實現更有個性的漢字視窗。設計思路 1 使用begin...

另類彈窗,coding4Fun外掛程式提供的彈窗

從我的網易部落格移過來的。先提供效果圖吧。這個是coding4fun提供的messageprompt彈窗。還提供了toastprompt 土司彈出框,類似於土司推送通知。aboutprompt 說明彈出框,特點是彈出框會在螢幕中間,其他的彈出框是在螢幕的上方 其他可以通過margin調整文位置 pa...