引言
进行过WEB开发的人员都应该对JQuery easyUI有所耳闻了,与ExtJs风格有点类似,我个人觉得比ExtJS好用。
正文
EasyUI作为一个轻量级的UI插件,提供了常用的UI控件accordion,combobox,menu,dialog,tabs,tree,validatebox,window等等。
下面我们就Accordion 手风琴 效果做一个简单入门案例:
基本代码
[html] view plaincopy
<span style="font-size:14px"> <html>
<head>
<title>Accordion示例</title>
<script src="../jquery-1.4.2.min.js" type="text/javascript"></script>
<script src="../jquery.easyui.min.js" type="text/javascript"></script>
<link href="../themes/default/easyui.css" rel="stylesheet" type="text/css" />
<link href="../themes/icon.css" rel="stylesheet" type="text/css" />
<script type="text/javascript"></script>
</head>
<body>
<div style="overflow:auto;width:600px;height:300px;padding:10px;border:1px solid #ccc;">
<div id="aa" class="easyui-accordion" fit="true" style="width:300px;height:200px;">
<div title="Title1" style="overflow:auto;padding:10px;">
<h3>Accordion1</h3>
</div>
<div title="Title2" style="padding:10px;">
<h3>Accordion2</h3>
</div>
<div title="Title3">
<h3>Accordion3</h3>
</div>
</div>
</div>
</body>
</html></span>
注意:jquery-1.4.2.min.js和jquery.easyui.min.js必须引用
总结
其实Jquery easyUI 利用它可以编写少量的js代码就能运行出比较华丽的js效果,提高的Web开发效率。下面我为大家提供一些地址:
官方网站:http://jquery-easyui.wikidot.com/start
下载地址:http://jquery-easyui.wikidot.com/download
官方的API文档为:http://jquery-easyui.wikidot.com/document
原文出处:http://blog.csdn.net/renzhe333/article/details/15122297