<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<!--引入基础css和jquery.xx.js ,核心jquery.easyui.min.js包-->
<link rel="stylesheet" type="text/css" href="jsui/themes/default/easyui.css">
<script type="text/javascript" src="jsui/jquery-1.4.4.min.js"></script>
<script type="text/javascript" src="jsui/jquery.easyui.min.js"></script>
<!--引入完了以后我们来看一下业务逻辑-->
<script type="text/javascript">
//当调用这个方法的时候就调用window 显示
function open1(){
$('#w').window('open');
}
</script>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>JqueryEasyui_Windows</title>
</head>
<body>
<div style="margin-bottom:10px">
<a href="javascript:void(0)" οnclick="open1()">open</a>
</div>
</body>
<!--
html 之外的一些属性
closed="true" 表示页面默认是不显示的
modal="true" 表示用遮罩层
-->
<div id="w" class="easyui-window"
closed="true"
modal="true"
title="My Window"
iconCls="icon-save" style="width:400px;height:200px;padding:5px;background: #fafafa;" border="false">
ssssssssssssssss
</div>
</html>