编程 Javascript

Jquery组件easyUi实现选项卡切换示例

Posted in Javascript onAugust 23, 2016

本文实例为大家分享了Jquery easyUi选项卡切换效果，供大家参考，具体内容如下

<!DOCTYPE html>
<html>
<head>
 <meta charset="UTF-8">
 <title>Basic Tabs - jQuery EasyUI Demo</title>
 <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.css">
 <script type="text/javascript" src="../jquery.min.js"></script>
 <script type="text/javascript" src="../jquery.easyui.min.js"></script>
</head>
<body>
 <h2>基本选项卡</h2>
 <p>Click tab strip to swap tab panel content.</p>
 <div style="margin:20px 0 10px 0;"></div>
 <div class="easyui-tabs" style="width:700px;height:250px">
 <div title="宠物" style="padding:10px">
  <p style="font-size:14px">jQuery EasyUI framework 选项卡</p>
  <ul>
  <li>小兔子</li>
  <li>小狗狗</li>
  <li>小猫咪</li>
  <li>小萌宠</li>
  <li>XXXXXXXXXXXXX</li>
  <li>YYYYYYYYYYYYY</li>
  </ul>
 </div>
 <div title="My Documents" style="padding:10px">
  <ul class="easyui-tree" data-options="url:'tree_data1.json',method:'get',animate:true"></ul>
 </div>
 <div title="Help" data-options="iconCls:'icon-help',closable:true" style="padding:10px">
  This is the help content.
 </div>
 </div>
</body>
</html>

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持三水点靠木。

Jquery组件easyUi实现选项卡切换示例

- Author -

lijiao

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

jQuery中get和post方法传值测试及注意事项

Aug 08 Javascript

JavaScript导出Excel实例详解

Nov 25 Javascript

jQuery的ready方法详解

Nov 27 Javascript

jQuery中last()方法用法实例

Jan 06 Javascript

Angular懒加载机制刷新后无法回退的快速解决方法

Aug 30 Javascript

AngularJS入门教程之Cookies读写操作示例

Nov 02 Javascript

node.js版本管理工具n无效的原理和解决方法

Nov 24 Javascript

vue 使用自定义指令实现表单校验的方法

Aug 28 Javascript

微信小程序框架wepy之动态控制类名

Sep 14 Javascript

vue.js的双向数据绑定Object.defineProperty方法的神奇之处

Jan 18 Javascript

100行代码实现vue表单校验功能(小白自编)

Nov 19 Javascript

vue路由的配置和页面切换详解

Sep 09 Javascript

Jquery调用iframe父页面中的元素及方法

Aug 23 #Javascript

Jquery组件easyUi实现表单验证示例

Aug 23 #Javascript

利用JavaScript判断浏览器类型及版本

Aug 23 #Javascript

AngularJS使用ng-repeat指令实现下拉框

Aug 23 #Javascript

JS实现兼容火狐及IE iframe onload属性的遮罩层隐藏及显示效果

Aug 23 #Javascript

JS实现放大、缩小及拖拽图片的方法【可兼容IE、火狐】

Aug 23 #Javascript

jq实现左滑显示删除按钮,点击删除实现删除数据功能(推荐)

Aug 23 #Javascript

You might like

PHP COOKIE及时生效的方法介绍

2014/02/14 PHP

PHP判断远程图片是否存在的几种方法

2014/05/04 PHP

smarty表格换行实例

2014/12/15 PHP

PHP实现批量清空删除指定文件夹所有内容的方法

2017/05/30 PHP

CSS中一些@规则的用法小结

2021/03/09 HTML / CSS

document.all与WEB标准

2020/05/13 Javascript

JQuery live函数

2010/12/24 Javascript

JavaScript中最简洁的编码html字符串的方法

2014/10/11 Javascript

jQuery基础语法实例入门

2014/12/23 Javascript

jquery实现的美女拼图游戏实例

2015/05/04 Javascript

手机开发必备技巧：javascript及CSS功能代码分享

2015/05/25 Javascript

jquery实现简单手风琴菜单效果实例

2015/06/13 Javascript

javascript封装addLoadEvent实现页面同时加载执行多个函数的方法

2016/07/25 Javascript

基于MVC5和Bootstrap的jQuery TreeView树形控件(一)之数据支持json字符串、list集合

2016/08/11 Javascript

vue 中基于html5 drag drap的拖放效果案例分析

2018/11/01 Javascript

多个vue子路由文件自动化合并的方法

2019/09/03 Javascript

js实现抽奖的两种方法

2020/03/19 Javascript

详谈vue中router-link和传统a链接的区别

2020/07/22 Javascript

[16:21]教你分分钟做大人：圣堂刺客

2014/12/03 DOTA

[01:14]TI珍贵瞬间系列（六）：冠军

2020/08/30 DOTA

基于python脚本实现软件的注册功能（机器码+注册码机制）

2016/10/09 Python

浅谈numpy数组的几种排序方式

2017/12/15 Python

python实现生命游戏的示例代码(Game of Life)

2018/01/24 Python

DES加密解密算法之python实现版(图文并茂)

2018/12/06 Python

python 猴子补丁(monkey patch)

2019/06/26 Python

python多线程扫描端口(线程池)

2019/09/04 Python

Django 项目通过加载不同env文件来区分不同环境

2020/02/17 Python

用React加CSS3实现微信拆红包动画效果

2017/03/13 HTML / CSS

美国艺术和工艺品商店：Hobby Lobby

2020/12/09 全球购物

建筑项目策划书

2014/01/13 职场文书

2014年两会学习心得范例

2014/03/17 职场文书

放飞梦想演讲稿

2014/05/05 职场文书

学校做一个有道德的人活动方案

2014/08/23 职场文书

曾国藩励志经典名言37句，蕴含哲理

2019/10/14 职场文书

python 实现的截屏工具

2021/05/08 Python

8g内存用python读取10文件_面试题-python 如何读取一个大于 10G 的txt文件？

2021/05/28 Python