脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 网络编程 → JavaScript → javascript类库 → jquery → Jquery easyUi选项卡切换

Jquery组件easyUi实现选项卡切换示例

 更新时间：2016年08月23日 16:22:33   投稿：lijiao  
这篇文章主要为大家详细介绍了Jquery组件easyUi实现选项卡切换示例，具有一定的参考价值，感兴趣的小伙伴们可以参考一下

本文实例为大家分享了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 插件开发 其实很简单

    jQuery 插件开发 其实很简单

    jQuery已经被广泛使用，凭借其简洁的API，对DOM强大的操控性，易扩展性越来越受到web开发人员的喜爱，我在社区也发布了很多的jQuery插件
    2009-07-07
  • JQ实现新浪游戏首页幻灯片

    JQ实现新浪游戏首页幻灯片

    这篇文章主要介绍了JQ实现新浪游戏首页幻灯片,需要的朋友可以参考下
    2015-07-07
  • 如何使用jquery动态加载js,css文件实现代码

    如何使用jquery动态加载js,css文件实现代码

    在jquery中要实现动态加载js文件的方法有很多种,最简单的我们可以直接利用$.include()方法来实现，感兴趣的朋友可以参考下哈
    2013-04-04
  • jQuery UI菜单部件Menu Widget

    jQuery UI菜单部件Menu Widget

    这篇文章介绍了jQuery UI菜单部件Menu Widget，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
    2022-06-06
  • jquery原理以及学习技巧介绍

    jquery原理以及学习技巧介绍

    JQuery上手简单，也很容易学，即使是刚接触JQuery的开发人员，借助JQuery手册，也很快能在项目中使用开发，这篇文章针对jquery原理以及学习技巧进行介绍，感兴趣的小伙伴们可以参考一下
    2015-11-11
  • 深入浅析jQuery对象$.html

    深入浅析jQuery对象$.html

    这篇文章主要介绍了jQuery对象$.html的相关资料,非常不错，具有参考借鉴价值，需要的朋友可以参考下
    2016-08-08
  • jquery实现select选择框内容左右移动代码分享

    jquery实现select选择框内容左右移动代码分享

    这篇文章主要介绍了jquery实现select选择框内容左右移动代码，感兴趣的小伙伴们可以参考一下
    2015-11-11
  • jQuery在ie6下无法设置select选中的解决方法详解

    jQuery在ie6下无法设置select选中的解决方法详解

    这篇文章主要介绍了jQuery在ie6下无法设置select选中的解决方法,结合实例分析了jQuery在ie6下无法设置select选中的原因与相关处理技巧,需要的朋友可以参考下
    2016-09-09
  • jquery高效反选具体实现

    jquery高效反选具体实现

    反选想必大家都有一个比较独特的方法吧，下面与大家分享下利用jquery实现高效反选，具体代码如下感兴趣的朋友可以参考下哈
    2013-05-05
  • jQuery实现根据滚动条位置加载相应内容功能

    jQuery实现根据滚动条位置加载相应内容功能

    这篇文章主要实现了jQuery根据滚动条位置加载相应内容的操作，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
    2016-07-07

最新评论