素材牛

messageLite优雅的消息提示弹框

 所属分类:网页特效-对话框/灯箱/提示,弹出层

 浏览:131次-  下载:1次-  评论:2次-  发布时间: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

讨论这个素材(2)回答他人问题或分享使用心得会奖励牛币

蒲公英
2019年06月12日

这个好

回复
jianer2019
2019年06月13日

这个特效不错!

回复
Por Una Cabeza
2019年06月20日
 文明上网,理性发言!   😉 阿里云幸运券,戳我领取
我的牛币余额:0 已下载次数:1
所需牛币:5 开始下载

牛币获取:可通过签到、评论、充值、发布素材获得 » 牛币充值

会员账号
会员密码
安全验证