窗体window
<!DOCTYPE html>
<html>
<head>
<title>jQuery Easy UI</title>
<meta charset="UTF-8" />
<script type="text/javascript" src="C:/Users/秋萍/Desktop/easyui/jquery-easyui-1.5.1/jquery.min.js"></script>
<script type="text/javascript" src="C:/Users/秋萍/Desktop/easyui/jquery-easyui-1.5.1/jquery.easyui.min.js"></script>
<script type="text/javascript" src="C:/Users/秋萍/Desktop/easyui/jquery-easyui-1.5.1/locale/easyui-lang-zh_CN.js" ></script>
<link rel="stylesheet" type="text/css" href="C:/Users/秋萍/Desktop/easyui/jquery-easyui-1.5.1/themes/default/easyui.css" />
<link rel="stylesheet" type="text/css" href="C:/Users/秋萍/Desktop/easyui/jquery-easyui-1.5.1/themes/icon.css" />
<script type="text/javascript">$(function(){$("#box1").window({width : 200,height : 200,modal : true,//是否將窗體顯示為模塊化窗口
collapsible : true,//是否顯示可折疊按鈕
minimizable : true,//是否顯示最小化按鈕
maximizable : true,//是否顯示最大化
closable : true,closed : false,//定義是否關閉窗口//zIndex : 200,//窗口Z軸坐標
draggable : true,//定義窗口能否可拖拽
resizable : true,//窗口能否改變大小
shadow : true,//是否顯示陰影
inline : false,//是否顯示在它的父容器上// 窗口的時間完整繼承自panel面板//，當然也有新增的方法
});$(document).click(function(){$("#box1").window("hcenter"); $("#box1").window("center"); alert($("#box1").window("window"));});});
</script>
</head>
<body>
<!--
這個組件依賴panel 組件
這個組件擴展了 panel 面板
-->
<div id="box" class="" title="my window"
style="width:300px;height:400px;"
data-options="iconCls :'icon-save',modal:true,zIndex : 200">窗口
</div>
<div id="box1">窗口2
</div>
</body>
</html>
?
轉載于:https://www.cnblogs.com/m01qiuping/p/6502308.html
總結
- 上一篇： Kotlin的Reified类型：怎样在
- 下一篇： 【好书推荐】《Web全栈工程师的自我修养