<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>

  <head>

    <title>Accordion（分类）</title>

    <meta http-equiv="keywords" content="学习,IT学习,好好学习">

    <meta http-equiv="content-type" content="text/html; charset=UTF-8">

      <!-- 引入css文件，不限顺序 -->

    <link rel="stylesheet" href="../themes/default/easyui.css" type="text/css"></link>

    <link rel="stylesheet" href="../themes/icon.css" type="text/css"></link>

      <!-- 引入js文件，有顺序限制 -->

    <script type="text/javascript" src="../js/jquery.min.js"></script>

    <script type="text/javascript" src="../js/jquery.easyui.min.js"></script>

    <!-- 所有的css文件和的有的js文件位置不限 -->

  </head>

  <body>

    <!-- 容器 -->

    <div

        id="accordionID"

        class="easyui-accordion"

        data-options="fit:false,border:true,animate:true,multiple:false,selected:-1"

        style="width:300px;height:400px;">   

        <!-- 面板 -->

        <div title="标题1" data-options="iconCls:'icon-save'" style="overflow:auto;padding:10px;">

               北京

        </div>

        <div title="标题2" data-options="iconCls:'icon-reload'" style="padding:10px;">

            上海

        </div>

        <div title="标题3">

            广州

        </div>

        <div title="标题4" data-options="collapsible:true">

            深圳

        </div> 

    </div> 

    <script type="text/javascript">

        //当浏览器加载web页面时触发

        $(function(){

            //增加一个面板

            //$('selector').plugin('method', parameter);

            $("#accordionID").accordion("add",{

                "title" : "标题5",

                "iconCls" : "icon-add",

                "content" : "武汉",

                "selected" : false

            });

            //休息3秒

            window.setTimeout(function(){

                //移除标题1面板

                $("#accordionID").accordion("remove",0);

                //取消面板2选中

                $("#accordionID").accordion("unselect",0);

                //面板3选中

                $("#accordionID").accordion("select",1);

            },3000);

        });

    </script>

  </body>

</html>

easyUI之Accordion（分类）的更多相关文章

  1. 第二百零一节，jQuery EasyUI，Accordion(分类)组件

    jQuery EasyUI,Accordion(分类)组件 学习要点: 1.加载方式 2.容器属性 3.事件列表 4.方法列表 5.面板属性 本节课重点了解 EasyUI 中 Accordion(选项 ...

  2. accordion 分类

    <!--accordion--><h1>accordion 分类</h1><div id="accordionId" class=&quo ...

  3. EasyUI系列学习(十一)-Accordion(分类)

    一.加载 1.class加载 <div class="easyui-accordion" style="width:300px;height:200px" ...

  4. Accordion( 分类) 组件

    一． 加载方式 //class 加载方式<div id="box" class="easyui-accordion"style="width:3 ...

  5. Easyui之accordion修改Title样式，字体等

    .accordion{background:#fff;overflow:hidden;}.accordion .accordion-header{background:#efefef;border-t ...

  6. （八）easyUI之Accordion折叠面板：动态面板

    二.动态面板 数据库设计 函数设计:该函数用于获取某个节点的所有子节点 CREATE FUNCTION fn_getAddress_ChildList_test(rootId INT) RETURNS ...

  7. （七）easyUI之Accordion折叠面板：普通的静态面板

    一.普通的静态面板 前台 <%@ page language="java" contentType="text/html; charset=UTF-8" ...

  8. 本人为项目组制定的一份页面优化指南（easyui页面优化方案）

    #本人为项目组制定的一份页面优化指南(easyui页面优化方案) ##背景 这是一篇我之前为项目组制定的页面优化指南,主要是面向表单页面,典型的像[注册用户](https://passport.cnb ...

  9. Easyui + asp.net mvc + sqlite 开发教程（录屏）适合入门

    Easyui + asp.net mvc + sqlite 开发教程(录屏)适合入门 第一节: 前言(技术简介) EasyUI 是一套 js的前端框架 利用它可以快速的开发出好看的 前端系统 web ...

随机推荐

  1. 【Day3】5.Python中的lxml模块

    import lxml.etree as le with open('edu.html','r',encoding='utf-8') as f: html = f.read() html_x = le ...

  2. Linux小试牛刀

    1.统计出/etc/passwd文件中其默认shell为非/sbin/nologin的用户个数,并将用户都显示出来 [root@centos7data]#getent passwd | grep -v ...

  3. 深度排序模型概述（二）PNN/NFM/AFM

    在CTR预估中,为了解决稀疏特征的问题,学者们提出了FM模型来建模特征之间的交互关系.但是FM模型只能表达特征之间两两组合之间的关系,无法建模两个特征之间深层次的关系或者说多个特征之间的交互关系,因此 ...

  4. BZOJ 4823 老C的方块

    把格子分成四类 第一类是蓝线左右的相邻两个格子 第二类为与蓝线左边格子相邻的点 第三类为与蓝线右边格子相邻的点 建边就S朝第二类每个点建边 第二类每个点朝其相邻的第一类建边 第一类从左格子朝右格子建边 ...

  5. ak-2

    1.人大金仓数据 jdbc 安装完成之后有个jdbc的文件夹  里边就是 jdbc包,相应的window前端工具有jdbc示例,因为太多没看全呢,有一个“”模式“”的概念  jdbc连接时如果要指定模 ...

  6. swap的创建和优先级

    生产环境中,有的时候会遇到swap不够用,或者没有swap的情况,然而生产中需要用到swap,那么下面来实现以下如何创建新的swap. 方法一:如果有空余磁盘,可以直接使用空余磁盘 以/dev/sdb ...

  7. BZOJ2208 [Jsoi2010]连通数[缩点/Floyd传递闭包+bitset优化]

    显然并不能直接dfs,因为$m$会非常大,复杂度就是$O(mn)$: 这题有三种做法,都用到了bitset的优化.第二种算是一个意外的收获,之前没想到竟然还有这种神仙操作.. 方法一:缩点+DAG上b ...

  8. 【HDU5952】Counting Cliques

    题目大意:给定一个\(N\)个点,\(M\)条边的无向图,求图中有多少个大小为\(S\)的团.\(N \le 100,deg(i)\le 20,i\in [1,n]\). 题解: 考虑搜索. 需要确定 ...

  9. 12 canvas 画布 - 基础

    二.线条的绘制和填充 在canvas中,各个图像绘制代码可以通过beginPath()和closePath()这两个函数进行包裹,主要用于分割各个画图,表示开始和结束.线条的绘制主要调用方法是move ...

  10. jQuery 查找父节点 parents()与closest()

    parents()由内向外,直到最高的父节点停止查找,返回的父节点是多个 closest()由内向外查找,当找到符合规则的一个,则不再查找,返回的是0或1个