sooka_maintenance
/
bsdsjj_siping


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081
							<!doctype html>
<html lang="en">
<head>
    <meta charset="utf-8" />
    <title>jQuery UI Portlet</title>
    <!-- jquery 1.4 and jquery ui 1.8 -->
    <link rel="stylesheet" href="lib/themes/1.8/start/jquery-ui-1.8.5.custom.css" />
    <link rel="stylesheet" href="css/jquery.portlet.css?v=1.1.3" />
    <style type="text/css">
    body {font-size: 10px;}
    #menu li {font-size: 15px;}
    #LeftPane {
        overflow: auto;
    }
    #RightPane {
        padding: 2px;
        overflow: auto;
    }
    .ui-layout-resizer div {background-color: red;}
    </style>
    <script src="lib/jquery-1.4.4.min.js" type="text/javascript"></script>
    <script src="lib/jquery-ui-1.8.14.custom.min.js" type="text/javascript"></script>
    <script src="lib/jquery.layout.js" type="text/javascript"></script>
    <script src="script/jquery.portlet.pack.js?v=1.1.3"></script>
    <script>
        $(function() {
            $('body').layout({
                west: {
                    size: 130
                }
            });
            $('#mainFrame').width($('#RightPane').width() - 4);
            $('#mainFrame').height($('#RightPane').height() - 4);
            $( "#menu" ).width($('#LeftPane').width() - 7).menu();
            $('#tabs').tabs();

            $('#menu a').click(function() {
                $('#mainFrame').attr('src', $(this).attr('href'));
            });

            window.onresize = function() {
                setTimeout(function() {
                    $('#mainFrame').width($('#RightPane').width() - 4);
                    $('#mainFrame').height($('#RightPane').height() - 4);
                }, 500);
            };
        });
    </script>
</head>
<body>
    <div id="TopPane" class="ui-layout-north ui-widget ui-widget-content ui-state-default" style="text-align:center">
        <img src="logo-ui.png" style="float:left" height="68" />
        <h1 style='display:inline;margin-top:5em;'>jQuery UI Portlet</h1>
        <h4 style='display:inline;margin-left: 1em;'>（Version: 1.1.3） 基于jQuery UI的Portlet插件</h4>
        <div stle="padding-top:10em;display:block">
            <br/>
            <img src="github.png" height="30" alt="" style="vertical-align:middle"/>
            <a href="https://github.com/henryyan/jquery-ui-portlet" target="_blank" style="font-size:15px;">https://github.com/henryyan/jquery-ui-portlet</a>
        </div>
    </div>
    <div id="LeftPane" class="ui-layout-west ui-widget ui-widget-content">
        <ul id="menu">
            <li><a href="javascript:;">==插件文档==</a></li>
            <li><a href="demo/api.html">插件API</a></li>
            <li><a href="demo/source-on-github.html">插件源码</a></li>
            <li><a href="javascript:;">==插件演示==</a></li>
            <li><a href="demo/mix.html">综合演示</a></li>
            <li><a href="demo/fixed-height.html">固定高度</a></li>
            <li><a href="demo/disable-drag.html">禁止拖动</a></li>
            <li><a href="demo/single-view.html">单视图模式</a></li>
            <li><a href="demo/icon.html">标题栏图标</a></li>
            <li><a href="demo/colspan.html">跨列模式</a></li>
            <li><a href="demo/bootstrap.html">Bootstrap主题</a></li>
        </ul>
    </div>
    <div id="RightPane" class="ui-layout-center ui-helper-reset ui-widget-content">
        <iframe id="mainFrame" src="demo/mix.html" frameborder="0"></iframe>
    </div>
    <script src="http://s96.cnzz.com/stat.php?id=2566493&web_id=2566493&show=pic" language="JavaScript"></script>
</body>
</html>