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

简单常用的幻灯片播放实现代码

Sep 25 Javascript

原生js实现fadein 和 fadeout淡入淡出效果

Jun 05 Javascript

Linux下编译安装php libevent扩展实例

Feb 14 Javascript

谈谈我对JavaScript中typeof和instanceof的深入理解

Dec 25 Javascript

JS原型对象的创建方法详解

Jun 16 Javascript

正则表达式(语法篇推荐)

Jun 24 Javascript

AngularJS 2.0入门权威指南

Oct 08 Javascript

js 实现复选框只能选择一项的示例代码

Jan 23 Javascript

Vue+Express实现登录状态权限验证的示例代码

May 05 Javascript

jquery css实现流程进度条

Mar 26 jQuery

vue中使用v-for时为什么不能用index作为key

Apr 04 Javascript

通过JS判断网页是否为手机打开

Oct 28 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的数组与字符串的转换函数整理汇总

2013/07/18 PHP

一个PHP二维数组排序的函数分享

2014/01/17 PHP

jQuery 1.0.4 - New Wave Javascript(js源文件)

2007/01/15 Javascript

JQuery下的Live方法和$.browser方法使用代码

2010/06/02 Javascript

js调用activeX获取u盘序列号的代码

2011/11/21 Javascript

如何让easyui gridview 宽度自适应窗口改变及fitColumns应用

2013/01/25 Javascript

调整小数的格式保留小数点后两位

2014/05/14 Javascript

JS判断页面是否出现滚动条的方法

2015/07/17 Javascript

jQuery获取访问者IP地址的方法(基于新浪API与QQ查询接口)

2016/05/25 Javascript

JavaScript用JSONP跨域请求数据实例详解

2017/01/06 Javascript

Three.js中网格对象MESH的属性与方法详解

2017/09/27 Javascript

搭建vue开发环境

2018/07/19 Javascript

React 无状态组件(Stateless Component) 与高阶组件

2018/08/14 Javascript

详解使用uni-app开发微信小程序之登录模块

2019/05/09 Javascript

vue实现搜索过滤效果

2019/05/28 Javascript

微信公众号服务器验证Token步骤图解

2019/12/30 Javascript

微信小程序个人中心的列表控件实现代码

2020/04/26 Javascript

解决vue的router组件component在import时不能使用变量问题

2020/07/26 Javascript

Python编码时应该注意的几个情况

2013/03/04 Python

Python 绘图和可视化详细介绍

2017/02/11 Python

Python IDLE 错误：IDLE''s subprocess didn''t make connection 的解决方案

2017/02/13 Python

Python文件循环写入行时防止覆盖的解决方法

2018/11/09 Python

用Python编写一个简单的CS架构后门的方法

2018/11/20 Python

pytorch 在sequential中使用view来reshape的例子

2019/08/20 Python

调试Django时打印SQL语句的日志代码实例

2019/09/12 Python

如何使用python传入不确定个数参数

2020/02/18 Python

pycharm 2018 激活码及破解补丁激活方式

2020/09/21 Python

浅谈Python中的继承

2020/06/19 Python

Python基于unittest实现测试用例执行

2020/11/25 Python

使用HTML5捕捉音频与视频信息概述及实例

2018/08/22 HTML / CSS

简单html5代码获取地理位置

2014/03/31 HTML / CSS

波兰办公用品和学校用品在线商店：Dlabiura24.pl

2020/11/18 全球购物

班子查摆四风个人对照检查材料思想汇报

2014/10/04 职场文书

2014年初三班主任工作总结

2014/12/05 职场文书

新农村建设指导员工作总结

2015/08/13 职场文书

女性励志书籍推荐

2019/08/19 职场文书