0712-2888027 189-8648-0214
微信公眾號

孝感風信網絡科技有限公司微信公眾號

當前位置:主頁 > 技術支持 > Javascript/JQuery > SweetAlert2一款響應式的JavaScript彈窗插件

SweetAlert2一款響應式的JavaScript彈窗插件

時間:2024-03-26來源:風信官網 點擊: 1352次
SweetAlert2 一個漂亮的、響應式的、可定制的和可訪問(WAI-ARIA)的JavaScript彈窗,無任何依賴,基于t4t5/sweetalert。

風信建站移動端項目開發,為了提升用戶在彈窗交互上面的交互體驗,我們在實際的項目開發中引入了SweetAlert2,該插件交互體驗還是不常不錯的,最重要的一點是支持響應式,擺脫了傳統的alert在移動端中彈窗的尷尬及缺陷,無論你是在電腦、手機還是平板上,SweetAlert2都會在頁面上自動居中顯示,這看起來非常棒,有興趣的朋友可以試試。
SweetAlert2一款響應式的JavaScript彈窗插件

項目地址:http://mishengqiang.com/sweetalert2/

使用指南:

1. 引用必要的文件初始化插件:

<script src="bower_components/sweetalert2/dist/sweetalert2.min.js"></script>
<link rel="stylesheet" href="bower_components/sweetalert2/dist/sweetalert2.min.css">

<!-- Include a polyfill for ES6 Promises (optional) for IE11 and Android browser -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/core-js/2.4.1/core.js"></script>

2. 頁面加載完成后調用sweetAlert2函數

swal({
    title: '錯誤!',
    text: '是否繼續',
    type: 'error',
    confirmButtonText: '酷'
})

更多的體驗效果可查看官方網站的演示。
欄目列表
推薦內容
熱點內容
展開
无码动漫在线看明星