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>
歡迎關注本站公眾號,獲取更多信息