广州北大青鸟计算机职业培训学校
互联网技术培训、软件技术培训、大数据培训、云计算培训、数据分析培训信息网
当前位置:网站首页 > 计算机教程 > 正文

jquery easyui 弹出消息框的方法_惠州Jquery培训

作者:黄君发布时间:2020-12-09分类:计算机教程浏览:1077


导读:总结jquery easyui 弹出消息框的方法,下面是jquery easyui 弹出消息框的代码:......

下面是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>  

3c6d55fbb2fb43168ddb080430a4462308f7d38c.png

标签:惠州北大青鸟惠州JAVA培训惠州IT培训惠州软件培训惠州软件开发惠州计算机培训惠州Jquery培训


计算机教程排行
标签列表
网站分类
文章归档
最近发表