jquery easyui 弹出消息框

PS: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> 


你可能感兴趣的:(jquery,easyui,消息框)