spa 

<!DOCTYPE html>
<html>

<head>
    <title></title>
    <script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js">
    </script>
    <style type="text/css">
    body {
        width: 100%;
        height: 100%;
        overflow: hidden;
        background-color: #777;
    }
    
    #spa {
        position: absolute;
        top: 8px;
        left: 8px;
        right: 8px;
        bottom: 8px;
        border-radius: 8px 8px 0 8px;
        background-color: #fff;
    }
    
    .spa-sider {
        position: absolute;
        bottom: 0;
        right: 2px;
        width: 300px;
        height: 16px;
        cursor: pointer;
        border-radius: 8px 0 0 0;
        background-color: #f00;
    }
    </style>
</head>

<body>
    <div id="spa">
        <div class="spa-sider"></div>
    </div>
    <script type="text/javascript">
    </script>
</body>

</html>

 

posted @ 2015-11-13 18:10  wind90  阅读(189)  评论(0)    收藏  举报