jquery easy-ui messager使用方法

首先需要引入 js 和 css

<link href="css/themes/default/easyui.css" rel="stylesheet" type="text/css" />
    <link href="css/themes/icon.css" rel="stylesheet" type="text/css" />
    <script src="jq/jquery.min.js" type="text/javascript"></script>
    <script src="jq/jquery.easyui.min.js" type="text/javascript"></script>
 //修改默认属性
 $.messager.defaults = {

                ok: '确定',
                width: '300',
                heitht:'200',
                cancel: '取消'

            };

$.messager.alert('title','message','ico');
//title:标题提示
//message:消息框
//ico:显示的图标
$.messager.confirm('标题栏目', '提示信息', function(r){
				if (r){
					 //返回r 为true  or  false
				}
$.messager.prompt('标题栏目', 提示信息', function(r){
				if (r){
					// 返回值  r  为 输入的消息
				}
			});
  $.messager.show({
                title: 'My Title',//标题栏目
                msg: 'Message will be closed after 5 seconds.',//提示消息
                timeout: 5000,//显示的动画效果
                showType: 'slide'//定义消息窗口如何显示
          });
    $.messager.progress({
                title: '提示',
                msg: '文本',
                interval: '600'
            });
            //获取进度条对象
            $.messager.progress('bar');
            //关闭进度条
            $.messager.progress('close');

$.messager.show()方法的其他属性
showType: 定义消息窗口如何显示。可用的值是:null、slide、fade、show。默认是 slide。
showSpeed: 定义消息窗口完成显示所需的以毫秒为单位的时间。默认是 600。
width:定义消息窗口的宽度。默认是 250。
height:定义消息窗口的高度。默认是 100。
title:头部面板上显示的标题文本。
msg:要显示的消息文本。
style:定义消息窗口的自定义样式。
timeout:如果定义为 0,除非用户关闭,消息窗口将不会关闭。如果定义为非 0 值,消息窗口将在超时后自动关闭。默认是 4 秒。

ico 分类有: warning,info,err,question

  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值