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

javascript Prototype 对象扩展

May 15 Javascript

Prototype ObjectRange对象学习

Jul 19 Javascript

基于jQuery实现左右div自适应高度完全相同的代码

Aug 09 Javascript

基于 Node.js 实现前后端分离

Apr 23 Javascript

微信小程序富文本转文本实例详解

Oct 24 Javascript

微信小程序数据绑定详解及实例

Oct 25 Javascript

JS排序之冒泡排序详解

Apr 08 Javascript

如何在AngularJs中调用第三方插件库

May 21 Javascript

jQuery 实现鼠标画框并对框内数据选中的实例代码

Aug 29 jQuery

Vue 2.0学习笔记之Vue中的computed属性

Oct 16 Javascript

Webstorm2016使用技巧(SVN插件使用)

Oct 29 Javascript

浅谈javascript错误处理

Aug 11 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查询mysql大量数据造成内存不足的解决方法

2015/03/04 PHP

php版微信小店调用api示例代码

2016/11/12 PHP

解决laravel session失效的问题

2019/10/14 PHP

php使用pthreads v3多线程实现抓取新浪新闻信息操作示例

2020/02/21 PHP

基于PHP实现用户在线状态检测

2020/11/10 PHP

JavaScript 轻松搞定快捷留言功能只需一行代码

2010/04/01 Javascript

js 处理URL实用技巧

2010/11/23 Javascript

JS网页图片按比例自适应缩放实现方法

2014/01/15 Javascript

使用JS或jQuery模拟鼠标点击a标签事件代码

2014/03/10 Javascript

JavaScript使用HTML5的window.postMessage实现跨域通信例子

2014/04/11 Javascript

JS限制文本框只能输入数字和字母方法

2015/02/28 Javascript

微信公众号支付H5调用支付解析

2016/11/04 Javascript

利用nodejs监控文件变化并使用sftp上传到服务器

2017/02/18 NodeJs

ES6 更易于继承的类语法的使用

2019/02/11 Javascript

使用Node.js在深度学习中做图片预处理的方法

2019/09/18 Javascript

微信小程序实现吸顶效果

2020/01/08 Javascript

js构造函数constructor和原型prototype原理与用法实例分析

2020/03/02 Javascript

vue动画—通过钩子函数实现半场动画操作

2020/08/09 Javascript

在Python中操作日期和时间之gmtime()方法的使用

2015/05/22 Python

python3中str（字符串）的使用教程

2017/03/23 Python

python 使用socket传输图片视频等文件的实现方式

2019/08/07 Python

Pytorch中膨胀卷积的用法详解

2020/01/07 Python

NEW LOOK官网：英国时装零售巨头之一，快时尚品牌

2017/01/11 全球购物

NULL是什么,它是怎么定义的

2015/05/09 面试题

考博自荐信

2013/10/25 职场文书

大学生实习感言

2014/01/16 职场文书

体育课课后反思

2014/04/24 职场文书

企业党员个人自我评价

2014/09/20 职场文书

党的群众路线教育实践活动个人对照检查剖析材料

2014/09/23 职场文书

2015年母亲节寄语

2015/03/23 职场文书

2015年幼儿园国庆节活动总结

2015/07/30 职场文书

大学生安全教育主题班会

2015/08/12 职场文书

大队委员竞选稿

2015/11/20 职场文书

中职班主任培训心得体会

2016/01/07 职场文书

2016年十一促销广告语

2016/01/28 职场文书

36个正则表达式(开发效率提高80%)

2021/11/17 Javascript