素材牛VIP会员

messageLite优雅的消息提示弹框

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

 浏览:387次-  下载:2次-  评论:16次-  发布时间:2019-05-28
messageLite优雅的消息提示弹框兼容IE10
积分说明:注册即送15牛币,每日签到可获得5牛币,成为VIP会员可永久免积分下载!   充值积分   充值会员   更多说明»
素材描述:提供类似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

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

蒲***英  
2019年06月12日

这个好

回复
ji***19  
2019年06月13日

这个特效不错!

回复
Po***za  
2019年06月20日
Po***za  
2019年06月21日
零***落  
2019年06月28日

这个特效不错

回复
零***落  
2019年06月29日

特效不错啊!!!!

回复
l8***88  
2019年06月29日

不错不错!!1

回复
Ar***ff  
2019年07月05日

这个功能全面啊

回复
Ar***ff  
2019年07月08日

刚好要

回复
Wh***at  
2019年07月11日

正好

回复
Ar***ff  
2019年07月15日

挺好

回复
ka***88  
2019年07月15日

不错不错!!挺好

回复
零***落  
2019年07月20日

写的真好,厉害!!!

回复
零***落  
2019年07月25日

效果非常好的啊!!!!

回复
零***落  
2019年07月26日

效果非常好的啊不错

回复
勿***你  
2019年07月30日

好看,简洁

回复
零***落  
2019年08月02日

效果非常好,很不错!!

回复
 文明上网,理性发言!   😉 阿里云幸运券,戳我领取
我的牛币余额:0 已下载次数:2
所需牛币:5 开始下载