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 效果
JS-jQuery-EasyUI-Layout-Tabs:Tabs 标签页/选项卡
2、
2.返回顶部
1、
 
2、
3.返回顶部
 
4.返回顶部
 
5.返回顶部
1、
2、
 
6.返回顶部
 
JS-jQuery-EasyUI-Layout-Tabs:Tabs 标签页/选项卡 作者:ylbtech
出处:http://ylbtech.cnblogs.com/
本文版权归作者和博客园共有,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文连接,否则保留追究法律责任的权利。