zoukankan      html  css  js  c++  java
  • 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> 
  • 相关阅读:
    Sketch or Figma谁才是UI设计软件的未来?
    2020年网站首屏设计:最佳实践和例子
    为设计工具付费到底值不值得?
    社交网站原型模板分享
    摹客PS插件,支持自定切图尺寸!
    UI设计适合女生学吗?会不会很难?
    mysql数据操作之单表查询
    表操作
    库操作
    数据库
  • 原文地址:https://www.cnblogs.com/xcsn/p/2998473.html
Copyright © 2011-2022 走看看