jquery easyui 弹出消息框 (转载)

jQuery EasyUI API 中文文档 - 消息框(Messager)

http://www.cnblogs.com/hantianwei/archive/2012/03/19/2407113.html

 

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

 

posted @ 2013-04-03 18:13  心存善念  阅读(13615)  评论(0编辑  收藏  举报