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

js购物车实现思路及代码(个人感觉不错)

Dec 23 Javascript

jQuery html()方法使用不了无法显示内容的问题

Aug 06 Javascript

Markdown+Bootstrap图片自适应属性详解

May 21 Javascript

jQuery获取及设置表单input各种类型值的方法小结

May 24 Javascript

js调用父框架函数与弹窗调用父页面函数的简单方法

Nov 01 Javascript

JavaScript中this的用法实例分析

Dec 19 Javascript

使用Vue完成一个简单的todolist的方法

Dec 01 Javascript

JavaScript分步实现一个出生日期的正则表达式

Mar 22 Javascript

详解Angular模板引用变量及其作用域

Nov 23 Javascript

关于vue2强制刷新,解决页面不会重新渲染的问题

Oct 29 Javascript

vue 更改连接后台的api示例

Nov 11 Javascript

用JS实现飞机大战小游戏

Jun 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中通过语义URL防止网站被攻击的方法分享

2011/09/08 PHP

PHP隐形一句话后门，和ThinkPHP框架加密码程序(base64_decode)

2011/11/02 PHP

php创建基本身份认证站点的方法详解

2013/06/08 PHP

php中使用Ajax时出现Error（c00ce56e）的详细解决方案

2014/11/03 PHP

PHP IDE PHPStorm配置支持友好Laravel代码提示方法

2015/05/12 PHP

PHP实现时间比较和时间差计算的方法示例

2017/07/24 PHP

javascript获取当前日期时间及其它操作函数

2011/01/11 Javascript

提取字符串中年月日的函数代码

2013/11/05 Javascript

js抽奖实现随机抽奖代码效果

2013/12/02 Javascript

使用JavaScript获取地址栏参数的方法

2014/12/19 Javascript

JavaScript String 对象常用方法总结

2016/04/28 Javascript

微信小程序 Flex布局详解

2016/10/09 Javascript

vue2 中如何实现动态表单增删改查实例

2017/06/09 Javascript

在 Angular中使用 Lodash 的方法

2018/02/11 Javascript

es6中reduce的基本使用方法

2019/09/10 Javascript

JS继承定义与使用方法简单示例

2020/02/19 Javascript

python3使用pyqt5制作一个超简单浏览器的实例

2017/10/19 Python

python3.5 email实现发送邮件功能

2018/05/22 Python

python tkinter图形界面代码统计工具

2019/09/18 Python

python 采用paramiko 远程执行命令及报错解决

2019/10/21 Python

python GUI库图形界面开发之PyQt5线程类QThread详细使用方法

2020/02/26 Python

对python pandas中 inplace 参数的理解

2020/06/27 Python

如何基于Django实现上下文章跳转

2020/09/16 Python

Python importlib模块重载使用方法详解

2020/10/13 Python

深入浅析css3 border-image边框图像详解

2015/11/24 HTML / CSS

美国宠物护理专家：Revival Animal Health

2020/01/05 全球购物

Java中有几种方法可以实现一个线程？用什么关键字修饰同步方法？stop()和suspend()方法为何不推荐使用？

2015/08/04 面试题

服装厂厂长职责

2013/12/16 职场文书

2014年共青团工作总结

2014/12/10 职场文书

锅炉工岗位职责

2015/02/13 职场文书

酒店员工辞职信范文

2015/02/28 职场文书

乔布斯辞职信（中英文对照）

2015/05/12 职场文书

小学生禁毒教育心得体会

2016/01/15 职场文书

2019年家电促销广告语集锦

2019/10/21 职场文书

创业计划书之都市休闲农庄

2019/12/28 职场文书

node.js使用express-fileupload中间件实现文件上传

2021/07/16 Javascript