EasyUI Messager提示框的使用

最新推荐文章于 2023-05-21 13:18:12 发布

旷世绝伦

最新推荐文章于 2023-05-21 13:18:12 发布

阅读量1.3k

点赞数

分类专栏： JQuery 文章标签： web开发 easyui J2EE stylesheet html

JQuery 专栏收录该内容

5 篇文章 0 订阅

订阅专栏

 
  <html xmlns="http://www.w3.org/1999/xhtml">  
 <head>  
     <title>Messager</title>  
     <script src="../jquery-1.4.2.min.js" type="text/javascript"></script>  
     <script src="../jquery.easyui.min.js" type="text/javascript"></script>  
   
     <link href="../themes/default/easyui.css" rel="stylesheet" type="text/css" />  
     <link href="../themes/icon.css" rel="stylesheet" type="text/css" />  
     <script>  
         function show1() {  
             $.messager.show({  
                 title: '提示信息1',  
                 msg: '信息1',  
                 showType: 'show'  
             });  
         }  
         function show2() {  
             $.messager.show({  
                 title: '提示信息2',  
                 msg: '信息5分钟后消失.',  
                 timeout: 5000,  
                 showType: 'slide'  
             });  
         }  
         function show3() {  
             $.messager.show({  
                 title: '渐进显示信息3',  
                 msg: '渐进显示信息3',  
                 timeout: 0,  
                 showType: 'fade'  
             });  
         }  
     </script>  
 </head>  
 <body>  
     <h1>信息提示</h1>  
     <div>  
         <a href="javascript:void(0)" onclick="show1()">显示</a> |  
         <a href="#" onclick="show2()">滑动</a> |  
         <a href="#" onclick="show3()">渐进显示</a> |  
     </div>  
 </body>  
 </html>  
 

效果

旷世绝伦

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
EasyUI Messager提示框的使用

html xmlns="http://www.w3.org/1999/xhtml"> head> title>Messagertitle> script src="../jquery-1.4.2.min.js" type="text/javascript">script> script src="../jquery.easyui.min.js" ty
复制链接

扫一扫