使用easyUI
<head>
<!-- 引入jQuery核心库 -->
<script type="text/javascript" src="easyui/jquery.min.js" ></script>
<!-- 引入jQuery EasyUI核心库 -->
<script type="text/javascript" src="easyui/jquery.easyui.min.js" ></script>
<!-- 引入EasyUI中文提示信息 -->
<script type="text/javascript" src="easyui/locale/easyui-lang-zh_CN.js" ></script>
<!-- 引入自己开发的JS文件 -->
<script type="text/javascript" src="js/index.js" ></script>
<!-- 引入EasyUI核心UI文件CSS -->
<link rel="stylesheet" type="text/css" href="easyui/themes/default/easyui.css"/>
<!-- 引入EasyUI图标文件 -->
<link rel="stylesheet" type="text/css" href="easyui/themes/icon.css"/>
</head>
参考:李炎恢
jQuery EasyUI视频教程