素材牛

messageLite優雅的消息提示彈框

 所屬分類:網頁特效-對話框/燈箱/提示,彈出層

 瀏覽:210次-  下載:2次-  評論:7次-  發布時間:2019-05-28
messageLite優雅的消息提示彈框兼容IE10
積分說明:注冊即送5牛幣,每天簽到可獲得5牛幣,第三方賬號登陸、注冊直接贈送20牛幣!??? 我要充值???更多積分說明?
素材描述:提供類似element ui message組件的消息提示彈框。
 標簽:彈框消息提示

詳細介紹

參數詳解:

message:' 操作成功',    //提示信息
duration:'5000',       //顯示時間(默認:5s)
type:'info',           //顯示類型,包括4種:success.error,info,warning 默認info
showClose:false,       //顯示關閉按鈕(默認:否)
center:true,           //頁面豎直居中(默認:否)
onClose:function,      //點擊關閉回調函數

調用方式:

$('.btn-info').on('click',function(){
   $.message({
       message:'信息提醒',
       type:'info'
   });
})
$('.btn-success').on('click',function(){
   $.message({
       message:'成功提示',
       type:'success'
   });
})
$('.btn-warning').on('click',function(){
   $.message({
       message:'警告提示',
       type:'warning',
duration:0,
showClose:true,
center:true,
onClose:function(){alert('知道了')}
   });
})
$('.btn-danger').on('click',function(){
   $.message({
       message:'失敗提示',
       type:'error'
   });
})

文件目錄結構

  • ┝ index.html
  • ┝ message.js

討論這個素材(7)回答他人問題或分享使用心得會獎勵牛幣

蒲公英
2019年06月12日

這個好

回復
jianer2019
2019年06月13日

這個特效不錯!

回復
Por Una Cabeza
2019年06月20日
Por Una Cabeza
2019年06月21日
零之小落
2019年06月28日

這個特效不錯

回復
零之小落
2019年06月29日

特效不錯啊!!!!

回復
l8888
2019年06月29日

不錯不錯!!1

回復
Arvinff
2019年07月05日

這個功能全面啊

回復
 文明上網,理性發言!   ?? 阿里云幸運券,戳我領取
我的牛幣余額:0 已下載次數:2
所需牛幣:5 開始下載

牛幣獲取:可通過簽到、評論、充值、發布素材獲得 ? 牛幣充值

會員賬號
會員密碼
安全驗證
经典黑杰克注册