素材牛

messageLite優雅的消息提示彈框

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

 瀏覽:156次-  下載:2次-  評論:3次-  發布時間: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

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

蒲公英
2019年06月12日

這個好

回復
jianer2019
2019年06月13日

這個特效不錯!

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

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

會員賬號
會員密碼
安全驗證
旧板彩客网