前几天自己写了一个登陆管理系统管,虽然运行都能成功,但是前端页面有点太low了,所以打算入手easyUI,其实它也是jquery下面的一个很常用的类库,特别在web端的页面显示,往往都能有很好效果,于是打算入手学习一下,首先便是去下载jquery-easyUI相关的js包,里面还有很多有用的DEMO,对于新手来说很不错,废话不说直接上代码,
我写了一个页面,有手风琴的效果,这里主要用到了jquery.min.js,jquery.easyui.min.js,jsp代码如下:
<%@ page language="java" pageEncoding="UTF-8"%>
<!DOCTYPE HTML>
<html>
<head> <title>jquery-easyui手风琴</title>
<link rel="stylesheet"type="text/css" href="../css/easyui.css">
<script type="text/javascript" src="../js/jquery.min.js">
</script>
<script type="text/javascript" src="../js/jquery.easyui.min.js">
</script>
</head>
<body>
<div id="aa"class="easyui-accordion"
style="width: 700px; height:300px;">
<div title="Title1"style="padding: 10px;">
我爱李君媛,真实的每一天,想念不分地域,没有距离
</div>
<div title="Title2"style="padding: 10px;">
无论在哪有心就行
</div>
<div title="Title3"style="padding: 10px;">
相信我们会有完美的结局,美好的一生
</div>
</div>
</body>
</html>