JS-jQuery-EasyUI-Layout-Tabs:Tabs 标签页/选项卡

ylbtech-tbm-JS-jQuery-EasyUI-Layout-Tabs:Tabs 标签页/选项卡

 

1.返回顶部

1、 1.1 代码

<!DOCTYPE html><html><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>布局</title> <link rel="stylesheet" type="text/css" href="../Common/CSS/easyui/default/easyui.css" /> <script type="text/javascript" src="../Common/JS/jquery-1.8.0.min.js"></script> <script type="text/javascript" src="../Common/JS/jquery.easyui.min.js"></script></head><body> <div class="easyui-layout" data-options="fit:true"> <!--中区--> <div region="center"> <div id="orgtabs" class="easyui-tabs" fit="true"> <div title="标签页-1"> </div> <div title="标签页-2"> </div> </div> </div> </div></body></html>

1.2 效果
2、

2.返回顶部

1、   2、

3.返回顶部

 

4.返回顶部

 

5.返回顶部

1、
https://www.runoob.com/jeasyui/plugins-layout-tabs.html 2、  

6.返回顶部

 

作者:ylbtech
出处:http://ylbtech.cnblogs.com/
本文版权归作者和博客园共有,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文连接,否则保留追究法律责任的权利。

相关文章