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> 


 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章