- <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>
相关文章:
- 仿QQ消息弹出框 2021-06-29
- JQuery EasyUI dialog弹出框的 close 和 destroy 2021-09-20
- EasyUI - Messager消息框 2022-12-23
- easyUI -messager -消息框 2022-12-23
- js三大弹出消息框 2021-11-16
- 弹出消息框 javascript 三则 2021-07-08
- Sharepoint 弹出消息提示框 2022-12-23
- 弹出消息对话框类 2022-12-23