猿吟鹤唳本无意,不知下有行人行

【转】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> 

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

发表评论

您的电子邮箱地址不会被公开。