<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>测试</title> <script type="text/javascript" src="js/jquery.min.js"></script> <link rel="stylesheet" type="text/css" href="js/themes/default/easyui.css"> <link rel="stylesheet" type="text/css" href="js/themes/icon.css"> <script type="text/javascript" src="js/jquery.easyui.min.js"></script> <script type="text/javascript" src="js/locale/easyui-lang-zh_CN.js"></script> <script type="text/javascript"> //alert("一坨狗屎"); function huid(r) { alert(r); } $(function(){ /*$.messager.alert('警告','警告信息','warning',function(){ alert("回调"); });*/ //$.messager.confirm("吃屎","真的要吃？",huid) /*$.messager.prompt("输入","快输入",function(val){ alert(val); })*/ //$.messager.progress({title:"进度条",msg:"加载",text:"正在加载。。。",interval:300}); //$.messager.progress("close"); //alert("abc"); //var p = $.messager.progress("bar"); //调用方法 //p.progressbar("setValue",10); //alert(p.progressbar("getValue")); //alert("p"); //$.messager.show({title:"标题",msg:"内容",showType:"show",showSpeed:2000,timeout:0}) /*$("#mypanel2").panel({ title:"汉堡",200,height:200,closable:true, collapsible:true, minimizable:true,maximizable:true, collapsed:true, closed:true }); $("#jiba").window({ title:"鸡巴",200,height:200,closable:true, modal:true });*/ } ); </script> </head> <body> <input id="but_open" type="button" value="打开" onclick="$('#mypanel2').panel('open');"/> <input id="but_open" type="button" value="关闭" onclick="$('#mypanel2').panel('close');"/> <div id="mypanel" class="easyui-panel" title="面包" style="200px;height:200px;" data-options="iconCls:'icon-add',closable:true, collapsible:true, minimizable:true,maximizable:true"> 刷卡机 </div> <div id="mypanel2"> 少吃点屎 </div> <div id="mywindow" class="easyui-window" style="200px;height:200px;" data-options="modal:true" title="肯打鸡"> </div> <div id="jiba" > 大叔控 </div> <div id="mydialog" class="easyui-dialog" title="窗口" style="300px;height:200px;" data-options="toolbar:[{ text:'编辑', iconCls:'icon-edit', handler:function(){alert('edit')} },{ text:'帮助', iconCls:'icon-help', handler:function(){alert('help')} }],buttons:[{ text:'保存', iconCls:'icon-save', handler:function(){alert('保存')} },{ text:'关闭', iconCls:'icon-remove', handler:function(){$('#mydialog').dialog('close')} }]"> 对话框窗口 </div> </body> </html>