日期: 2012年8月24日

  • 【转】jquery easyui 弹出消息框

    <html> 

    <head> 

    <!– 导入easyui插件的js和css样式; –> 

    <link rel="stylesheet" type="text/css" href="/EasyuiDemo/scripts/jquery-easyui-1.1.1/themes/default/easyui.css"> 

    <link rel="stylesheet" type="text/css" href="/EasyuiDemo/scripts/jquery-easyui-1.1.1/themes/icon.css"> 

    <script type="text/javascript" src="/EasyuiDemo/scripts/jquery-easyui-1.1.1/jquery-1.4.2.min.js"></script> 

    <script type="text/javascript" src="/EasyuiDemo/scripts/jquery-easyui-1.1.1/jquery.easyui.min.js"></script> 

    <script type="text/javascript"> 

    //右下角弹出框;

    function slide(){ 

    jQuery.messager.show({ 

    title:'温馨提示:', 

    msg:'你好,我是从右下角弹出的窗体!', 

    timeout:5000, 

    showType:'slide'

    }); 

    //弹出框;

    function alterInfo(){ 

    jQuery.messager.alert('提示:','你好,我叫弹出框!'); 

    //错误弹出框;

    function errorInfo(){ 

    jQuery.messager.alert('提示:','你好,我叫错误弹出框!','error'); 

    //信息弹出框;

    function info(){ 

    jQuery.messager.alert('提示:','你好,我叫信息弹出框!','info'); 

    //警告弹出框;

    function warning(){ 

    jQuery.messager.alert('提示:','你好,我叫警告弹出框!','warning'); 

    //确认弹出框;

    function confirmInfo(){ 

    jQuery.messager.confirm('提示:','你确认要删除吗?',function(event){ 

    if(event){ 

    alert('你点击的是'+event); 

    }else{ 

    alert("你点击的是false"); 

    }); 

    //可以输入文本的对方框;

    function prompt(){ 

    jQuery.messager.prompt('提示:','请输入消息.',function(r){ 

    if(r){ 

    alert("你输入的文本是:"+r); 

    }) 

    </script> 

    </head> 

    <body> 

    </body> 

    </html> 

    可是怎么能居中显示呢,现在的都是右下角出现显示框