jQuery easyUI--tabs选项卡面板

<!DOCTYPE html>
<html><head><meta charset="UTF-8"><title>tabs选项卡面板</title><script type="text/javascript" src="../js/jquery-1.8.3.js" ></script><script type="text/javascript" src="../js/easyui/jquery.easyui.min.js" ></script><script type="text/javascript" src="../js/easyui/locale/easyui-lang-zh_CN.js" ></script><link rel="stylesheet" href="../js/easyui/themes/default/easyui.css" /><link rel="stylesheet" href="../js/easyui/themes/icon.css" /><script type="text/javascript">// 页面加载后执行$(function(){// 对链接绑定点击事件$("#czbkLink").click(function(){// 添加一个新的选项卡 $("#mytabs").tabs('add',{title:'你我他学习吧',content: '你我他学习吧专注分享IT技能'});});});</script></head><body class="easyui-layout"><div data-options="region:'north',title:'你我他学习吧管理系统'" style="height: 100px;">北部区域</div><div data-options="region:'west',title:'菜单导航'" style="width: 180px;"><!--折叠面板 --><div class="easyui-accordion" data-options="fit:true"><div data-options="title:'基础菜单'"><!-- --> <a href="javascript:void(0)" id="czbkLink">你我他学习吧</a></div><div data-options="title:'系统菜单'">面板二</div></div></div><div data-options="region:'center'"><!-- 选项卡面板--><div id="mytabs" class="easyui-tabs" data-options="fit:true"><div data-options="title:'选项卡面板一',closable:true">选项卡面板一</div>               <div data-options="title:'选项卡面板二'">选项卡面板二</div></div></div><div data-options="region:'east'" style="width: 80px;">东部区域</div><div data-options="region:'south'" style="height: 80px;">南部区域</div></body>
</html>

jQuery easyUI--tabs选项卡面板相关推荐

第一百九十九节，jQuery EasyUI，Panel(面板)组件
jQuery EasyUI,Panel(面板)组件学习要点: 1.加载方式 2.属性列表 3.事件列表 4.方法列表本节课重点了解EasyUI中Panel(面板)组件的使用方法,这个组件不依赖于其 ...
jquery.easyui.tabs 中的首个tabs被最后tabs覆盖的问题解决方法
jquery.easyui.tabs 中的首个tabs被最后tabs覆盖的问题解决方法参考文章: (1)jquery.easyui.tabs 中的首个tabs被最后tabs覆盖的问题解决方法 (2) ...
jQuery EasyUI ztree插件使用
1.下载easyUI的开发包该包的结构是 2.将easyUI的资源文件引入的页面中: <link rel="stylesheet" type="text/css& ...
jQuery EasyUI 选项卡面板tabs使用实例精讲
1. 对选项卡面板区域 div 设置 class="easyui-tabs" 2. 对选项卡面板区域添加多个 div,每个 div 就是一个选项卡(每个面板一定设置 title) ...
jQuery easyui刷新当前tabs
更新特定的选项卡面板可使用update方法,param参数包含2个属性: tab: 将被更新的选项卡. options: 选项卡相关配置项. Example: //当前tab var current ...
tabs选项卡切换效果（jquery版）
以前写过一篇 tabs选项卡切换效果,不过是用原生 javascript 写的,最近在学习 jquery,今天抽空用 jquery 重写了这个效果. 效果图如下: html 代码如下: <!DO ...
jQuery EasyUI使用教程之创建可折叠面板
2019独角兽企业重金招聘Python工程师标准>>> <jQuery EasyUI最新版下载> 在本教程中,你将学习到有关于easyui折叠面板的知识.折叠面板包含了一 ...
jQuery EasyUI 折叠面板accordion的使用实例
1.对折叠面板区域 div 设置 class="easyui-accordion" 2.在区域添加多个 div, 每个 div 就是一个面板 (每个面板一定要设置 title 属性 ...
html accordion折叠菜单动态,jQuery EasyUI 布局插件 – Accordion 折叠面板 | 菜鸟教程...
jQuery EasyUI 布局插件 - Accordion 折叠面板 jQuery EasyUI 插件通过 $.fn.accordion.defaults 重写默认的 defaults. 折叠面板 ...

jQuery easyUI--tabs选项卡面板

jQuery easyUI--tabs选项卡面板相关推荐

最新文章

热门文章