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

jQueryeasyUI-Accordion

时间:2015-07-15 14:40:29      阅读:142      评论:0      收藏:0      [点我收藏+]

标签:

技术分享
 1 <%@ page language="java" contentType="text/html; charset=UTF-8"
 2     pageEncoding="UTF-8"%>
 3 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
 4 <html>
 5 <head>
 6 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
 7     <title>jQuery easyUI</title>
 8     <link rel="stylesheet" type="text/css" href="jquery-easyui-1.4.3/themes/default/easyui.css">
 9     <link rel="stylesheet" type="text/css" href="jquery-easyui-1.4.3/themes/icon.css">
10     <script type="text/javascript" src="jquery-easyui-1.4.3/jquery.min.js"></script>
11     <script type="text/javascript" src="jquery-easyui-1.4.3/jquery.easyui.min.js"></script>
12 </head>
13 <body>
14     <h1>jQueryEasyUI-accordion</h1>
15     <div class="easyui-accordion">
16         <div title="Title1" data-options="iconCls: ‘icon-ok‘" style="overflow: auto; padding: 10px;">
17             <h3>Accordion for jQuery</h3>
18             <p>content1</p>
19         </div>
20         <div title="Title2" data-options="iconCls: ‘icon-help‘" style="padding: 10px">
21             <p>content2</p>
22         </div>
23         <div title="Title3" data-options="iconCls: ‘icon-search‘" style="padding: 10px">
24             content3
25         </div>
26     </div>
27 </body>    
28 </html>
View Code

注意:

       使用时注意<script type="text/javascript" src="jquery-easyui-1.4.3/jquery.min.js"></script>和
<script type="text/javascript" src="jquery-easyui-1.4.3/jquery.easyui.min.js"></script>的顺序,

jquery.min.js必须放在jquery.easyui.min.js前面,否则不能执行

jQueryeasyUI-Accordion

标签:

原文地址:http://www.cnblogs.com/jinjiyese/p/4648094.html

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