开始使用jQueryEasyUI

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>jQuery EasyUI</title>
<!-- easyui核心ui的css文件 -->
<link rel="stylesheet" type="text/css" href="../jquery-easyui-1.5.1/themes/default/easyui.css">
<!-- easyui图标css文件 -->
<link rel="stylesheet" type="text/css" href="../jquery-easyui-1.5.1/themes/default/icons.css">
<!-- jquery核心库 -->
<script type="text/javascript" src="../jquery-easyui-1.5.1/jquery.min.js"></script>
<!-- jquery easyui 核心库 -->
<script type="text/javascript" src="../jquery-easyui-1.5.1/jquery.easyui.min.js"></script>
<!-- 中文语言信息js -->
<script type="text/javascript" src="../jquery-easyui-1.5.1/local/easyui-lang-zh_CN.js"></script>
<script type="text/javascript" src="../js/index.js"></script>
</head>
<body>
	<!-- 使用class方式加载 -->
	<!--  
	<div id="box" class="easyui-dialog" title="标题" style="width:400px;height:200px;">
		内容部分
	</div>
	-->
	<!-- 使用js调用加载 -->
	<div id="box" title="标题" style="width:400px;height:200px;">
		内容部分
	</div>
</body>
</html>
$(function(){
	$("#box").dialog();
});

相关推荐