jquery easyui 弹出消息框

  1. <html>
  2. <head>
  3. <!-- 导入easyui插件的js和css样式; -->
  4. <link rel="stylesheet" type="text/css" href="/EasyuiDemo/scripts/jquery-easyui-1.1.1/themes/default/easyui.css">
  5. <link rel="stylesheet" type="text/css" href="/EasyuiDemo/scripts/jquery-easyui-1.1.1/themes/icon.css">
  6. <script type="text/javascript" src="/EasyuiDemo/scripts/jquery-easyui-1.1.1/jquery-1.4.2.min.js"></script>
  7. <script type="text/javascript" src="/EasyuiDemo/scripts/jquery-easyui-1.1.1/jquery.easyui.min.js"></script>
  8. <script type="text/javascript">
  9. //右下角弹出框;
  10. function slide(){
  11. jQuery.messager.show({
  12. title:'温馨提示:',
  13. msg:'你好,我是从右下角弹出的窗体!',
  14. timeout:5000,
  15. showType:'slide'
  16. });
  17. }
  18. //弹出框;
  19. function alterInfo(){
  20. jQuery.messager.alert('提示:','你好,我叫弹出框!');
  21. }
  22. //错误弹出框;
  23. function errorInfo(){
  24. jQuery.messager.alert('提示:','你好,我叫错误弹出框!','error');
  25. }
  26. //信息弹出框;
  27. function info(){
  28. jQuery.messager.alert('提示:','你好,我叫信息弹出框!','info');
  29. }
  30. //警告弹出框;
  31. function warning(){
  32. jQuery.messager.alert('提示:','你好,我叫警告弹出框!','warning');
  33. }
  34. //确认弹出框;
  35. function confirmInfo(){
  36. jQuery.messager.confirm('提示:','你确认要删除吗?',function(event){
  37. if(event){
  38. alert('你点击的是'+event);
  39. }else{
  40. alert("你点击的是false");
  41. }
  42. });
  43. }
  44. //可以输入文本的对方框;
  45. function prompt(){
  46. jQuery.messager.prompt('提示:','请输入消息.',function(r){
  47. if(r){
  48. alert("你输入的文本是:"+r);
  49. }
  50. })
  51. }
  52. </script>
  53. </head>
  54. <body>
  55. </body>
  56. </html>

你可能感兴趣的:(jquery,easyui,消息框)