编程 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 图片Silhouette Fadeins渐显效果

Feb 07 Javascript

利用JQuery和Servlet实现跨域提交请求示例分享

Feb 12 Javascript

5个书写JavaScript代码的坏习惯，看看你中枪了没？

Nov 06 Javascript

node.js中的fs.rmdir方法使用说明

Dec 16 Javascript

yui3的AOP(面向切面编程)和OOP(面向对象编程)

May 01 Javascript

第一次接触JS require.js模块化工具

Apr 17 Javascript

jQuery autoComplete插件两种使用方式及动态改变参数值的方法详解

Oct 24 Javascript

Vue.js表单标签中的单选按钮、复选按钮和下拉列表的取值问题

Nov 22 Javascript

详解VScode编辑器vue环境搭建所遇问题解决方案

Apr 26 Javascript

Vue项目中如何使用Axios封装http请求详解

Oct 23 Javascript

JS window对象简单操作完整示例

Jan 14 Javascript

js实现碰撞检测

Jan 29 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

不用iconv库的gb2312与utf-8的互换函数

2006/10/09 PHP

PHP新手上路（六）

2006/10/09 PHP

解析PHP中ob_start()函数的用法

2013/06/24 PHP

浅谈PHP链表数据结构(单链表)

2016/06/08 PHP

PHP文件操作详解

2016/12/30 PHP

PHP实现RTX发送消息提醒的实例代码

2017/01/03 PHP

php解决安全问题的方法实例

2019/09/19 PHP

Javascript的闭包

2009/12/31 Javascript

一个基于jQuery的树型插件(OrangeTree)使用介绍

2012/05/03 Javascript

浅析LigerUi开发中谨慎载入common.css文件

2013/07/09 Javascript

利用js制作html table分页示例(js实现分页)

2014/04/25 Javascript

jQuery中的$.ajax()方法应用

2014/05/06 Javascript

jquery通过visible来判断标签是否显示或隐藏

2014/05/08 Javascript

AngularJS使用ngMessages进行表单验证

2015/12/27 Javascript

js点击文本框弹出可选择的checkbox复选框

2016/02/03 Javascript

谈一谈bootstrap响应式布局

2016/05/23 Javascript

SWFUpload多文件上传及文件个数限制的方法

2016/05/31 Javascript

JavaScript中for循环的几种写法与效率总结

2017/02/03 Javascript

js实现拖拽功能

2017/03/01 Javascript

详解React 的几种条件渲染以及选择

2018/10/23 Javascript

在Vue项目中引入JQuery-ui插件的讲解

2019/01/27 jQuery

使用python编写监听端

2018/04/12 Python

解决Python selenium get页面很慢时的问题

2019/01/30 Python

python中matplotlib条件背景颜色的实现

2019/09/02 Python

Python3.7 读取 mp3 音频文件生成波形图效果

2019/11/05 Python

Numpy将二维数组添加到空数组的实现

2019/12/05 Python

基于python和flask实现http接口过程解析

2020/06/15 Python

详解Python中的编码问题（encoding与decode、str与bytes）

2020/09/30 Python

高清屏中使用Canvas绘图出现模糊的问题及解决方法

2019/06/03 HTML / CSS

英国婴儿及儿童产品商店：TigerParrot

2019/03/04 全球购物

德国2018年度最佳在线药房：Bodfeld Apotheke

2019/11/04 全球购物

移动通信行业实习自我鉴定

2013/09/28 职场文书

家长通知书家长评语

2014/04/17 职场文书

运动会铅球比赛加油稿

2014/09/26 职场文书

火烧圆明园观后感

2015/06/03 职场文书

Redis主从配置和底层实现原理解析(实战记录)

2021/06/30 Redis