jQuery easyui(1)——消息框（message）

沒事學習下jQuery easyui，順便記錄下來，并分享下。當然，初學不免有不當的地方，歡迎大家指正……

   首先了解下jQuery中的消息框，在寫jquery代碼前，需要做一些準備工作，如：下載jQuery easyui包，解壓并將相關的js、css文件引入到html文件，主要用到的css文件有

<link rel="stylesheet" href="../css/easyui.css"type="text/css">

<link rel="stylesheet" href="../css/icon.css" type="text/css">

主要用到的js文件有：

<script type="text/javascript" src="../js/jquery.min.js"></script>

<script type="text/javascript" src="../js/jquery.easyui.min.js"></script>

    下面一起看下jQuery easyui中的一些消息框主要有四種，它們之間都很相似：

$.messager.alert(
"my message",         //title  消息框標題
"this is content...", //msg 消息框內容
"info",               // icon 圖標，取值：error,question,info,warning.
function(){           //消息框關閉后調用的函數
   alert("function");
});
$.messager.show({
title:"title",
width:600,
height:300,
msg:"messager.show",
showType:"fade", //顯示方式：可取的值 null,slide(默認值),fade,show
showSpeed:600,   //顯示速度：默認600ms
style:{         //顯示的位置
    right:'',
    bottom:'',
    top:0
},
timeout:3000,        //多長時間后消失，毫秒為單位
draggable:true
});
// 下面兩個消息框與message.alert十分相似，只是回調函數有所不同
//confirm的回調函數帶布爾類型的參數，promp消息框中有文本框
 $.messager.confirm(
                "this is title",
                "this is msg",
                function(xx){
                          if(xx)
                               alert(xx);
                           else
                               alert(xx);
});
$.messager.prompt(
        "this is title",
        "this is msg",
        function(content){
                 if(content)
                    alert(content+" ok");
                 else
                     alert("cancel");
});

    記錄并分享，歡迎大家指正……