编程 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 相关文章推荐

List the Stored Procedures in a SQL Server database

Jun 20 Javascript

详解new function(){}和function(){}() 区别分析

Mar 22 Javascript

Prototype 学习工具函数学习($w,$F方法)

Jul 12 Javascript

Jquery创建层显示标题和内容且随鼠标移动而移动

Jan 26 Javascript

jQuery对下拉框,单选框,多选框的操作

Feb 21 Javascript

用循环或if语句从json中取数据示例

Aug 18 Javascript

jQuery中attr()方法用法实例

Jan 05 Javascript

DOM 高级编程

May 06 Javascript

JavaScript学习笔记之数组求和方法

Mar 23 Javascript

jquery中validate与form插件提交的方式小结

Mar 26 Javascript

基于vuejs+webpack的日期选择插件

May 21 Javascript

js实现图片实时时钟

Jan 15 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 随机生成10位字符代码

2009/03/26 PHP

php 使用array函数实现分页

2015/02/13 PHP

PHP预定义变量9大超全局数组用法详解

2016/04/23 PHP

JQuery UI皮肤定制

2009/07/27 Javascript

jquery checkbox全选、取消全选实现代码

2010/03/05 Javascript

JS在textarea光标处插入文本的小例子

2013/03/22 Javascript

ExtJS下 Ext.Direct加载和提交过程排错小结

2013/04/02 Javascript

js取消单选按钮选中并判断对象是否为空

2013/11/14 Javascript

text-align:justify实现文本两端对齐兼容IE

2015/08/19 Javascript

JS给Textarea文本框添加行号的方法

2015/08/20 Javascript

HTML5之WebSocket入门3 -通信模型socket.io

2015/08/21 Javascript

浅析如何利用JavaScript进行语音识别

2016/10/27 Javascript

微信小程序中进行地图导航功能的实现方法

2018/06/29 Javascript

使用vue for时为什么要key【推荐】

2019/07/11 Javascript

JavaScript 斐波那契数列倒序输出输出100以内的质数代码实例

2019/09/11 Javascript

过滤器vue.filters的使用方法实现

2019/09/18 Javascript

JS函数进阶之prototy用法实例分析

2020/01/15 Javascript

HTML+JS实现“代码雨”效果源码（黑客帝国文字下落效果）

2020/03/17 Javascript

[02:15]你好，这就是DOTA！

2015/08/05 DOTA

零基础写python爬虫之打包生成exe文件

2014/11/06 Python

python之文件的读写和文件目录以及文件夹的操作实现代码

2016/08/28 Python

python安装scipy的步骤解析

2019/09/28 Python

解决pycharm 安装numpy失败的问题

2019/12/05 Python

python pycharm最新版本激活码(永久有效)附python安装教程

2020/09/18 Python

浅谈python 中的 type(), dtype(), astype()的区别

2020/04/09 Python

浅谈Python 钉钉报警必备知识系统讲解

2020/08/17 Python

Python操作PostgreSql数据库的方法(基本的增删改查)

2020/12/29 Python

Canvas高级路径操作之拖拽对象的实现

2019/08/05 HTML / CSS

护理学院专科毕业生求职信

2014/06/28 职场文书

法学专业求职信

2014/07/15 职场文书

纪念九一八事变演讲稿：忘记意味着背叛

2014/09/14 职场文书

个人三严三实对照检查材料

2014/09/25 职场文书

批评与自我批评总结

2014/10/17 职场文书

2019班干部竞选演讲稿范本！

2019/07/08 职场文书

Golang数据类型和相互转换

2022/04/12 Golang

清空 Oracle 安装记录并重新安装

2022/04/26 Oracle