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>
相關文章
相關標籤/搜索