码迷,mamicode.com
首页 > Web开发 > 详细

jQuery Eazyui的学习和使用(二)

时间:2017-04-11 13:36:04      阅读:217      评论:0      收藏:0      [点我收藏+]

标签:sheet   jquer   padding   font   jquery   min   rip   icon   doc   

既然这么优秀,我们赶紧来学学吧~

下载地址 

解压得到这些文件夹:

技术分享

下面开始学习使用。(根据提供的demo学习常用基础控件的使用)

基础面板

技术分享

引入对应样式文件和js文件后就可以直接使用了。

代码:

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<!--基本ui-->
		<link rel="stylesheet" type="text/css" href="../themes/default/easyui.css">
		<!--图标-->
		<link rel="stylesheet" type="text/css" href="../themes/icon.css">
		<link rel="stylesheet" type="text/css" href="../demo/demo.css">
		<!-- 引入jQuery  要在easyui.min之前声明-->
		<script type="text/javascript" src="../jquery.min.js"></script>
		<script type="text/javascript" src="../jquery.easyui.min.js"></script>
	</head>
	<body>
		<!--基础面板-->
		<div id="p" class="easyui-panel" title="基础面板" style="width:700px;height:300px;padding:10px;">
			<p style="font-size:14px">基础面板,常用的基本容器</p>
			
		</div>		
	</body>
</html>

  

 

jQuery Eazyui的学习和使用(二)

标签:sheet   jquer   padding   font   jquery   min   rip   icon   doc   

原文地址:http://www.cnblogs.com/wobeinianqing/p/6692826.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!