首先需要引入 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