easyUI -messager -消息框

 <script src="~/jquery-easyui-1.5.5.2/jquery.min.js"></script>
<link href="~/jquery-easyui-1.5.5.2/themes/default/easyui.css" rel="stylesheet" />
<link href="~/jquery-easyui-1.5.5.2/themes/color.css" rel="stylesheet" />
<link href="~/jquery-easyui-1.5.5.2/themes/icon.css" rel="stylesheet" />
<script src="~/jquery-easyui-1.5.5.2/locale/easyui-lang-zh_CN.js"></script>
<script src="~/jquery-easyui-1.5.5.2/jquery.easyui.min.js"></script>


 <a href="#" >Alert</a>

        <a href="#" >error</a>

        <a href="#" >info</a>

        <a href="#" >Question</a>

        <a href="#" >warning</a>

        <div>
            <h2>提示框</h2>
            <a href="#" >消息提示框-右下角弹出</a>
            <a href="#" >消息提示框-右下角滑出</a>
            <a href="#" >消息提示框-fade</a>
            <a href="#" >progress-bar</a>
        </div>



 function Show() {
        $.messager.show({
            title: '右下角弹出~',
            msg: '右下角弹出',
            showTpe: 'show'
        });
    }
    function slide() {
        $.messager.show({
            title: '右下角弹出~',
            msg: '右下角弹出',
            showTpe: 'slide',
            timeout:5000
        });
    }
    function fade() {
        $.messager.show({
            title: '右下角弹出~',
            msg: '右下角弹出',
            showTpe: 'fade',
            timeout: 5000,  // 5秒后自动关闭           
        });
    }

    function progress() {
        var win = $.messager.progress({
            title: 'Please waiting',
            msg: 'Loading data...',
            interval:300
        });
     //   setTimeout(function () {
      //      $.messager.progress('close');
      //  }, 5000)
    }

　　 easyUI -messager -消息框

        <div>
            <h2> 消息对话框</h2>
            <a href="#" >确定 or 取消</a>

            <a href="#" >(带输入消息)确定 or 取消</a>
        </div>





 function confirm() {
        $.messager.confirm('My Title', 'Are you confirm this?', function (r) {
            if (r) {
                alert('confirmed: ' + r);
            }
        });

    }


    function prompt() {
        $.messager.prompt('My Title', '请输入确认消息', function (r) {
            if (r) {
                alert('you type: ' + r);
            }
        });

    }

easyUI -messager -消息框