common/select.html

<!doctype html>
<html>
<head>
    <meta charset="UTF-8">
    <title>豪情-前端作品集合</title>
    <meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
    <meta name="keywords" content="豪情-前端开发"/>
    <meta name="description" content="豪情-前端开发"/>
    <link rel="stylesheet" type="text/css" href="../css/common.css"/>
    <link rel="stylesheet" type="text/css" href="../css/select.css"/>
    <link rel="stylesheet" type="text/css" href="../css/demo.css"/>
    <link rel="stylesheet" type="text/css" href="../css/jkcodecolor.css"/>
    <link rel="shortcut icon" href="images/favicon.ico"/>
    <script type="text/javascript" src="../js/libs/libs.js"></script>
    <script type="text/javascript" src="../js/libs/highlight.js"></script>
    <script type="text/javascript" src="../js/libs/lang-js.js"></script>
    <style type="text/css">

    </style>
</head>
<body>
<div class="wrap">
    <div class="main">
        <div class="cont">
            <div class="section">
                <h1>这是一个简单的弹出层组件，为了演示方便，做了一些特殊的处理。</h1>
                <ol class="list">
                    <li>
                        <span>普通的click弹出页面指定内容，callOpen,callClose</span>
                        <textarea class="code">
$('#btn01').on('click',function(){
    var d = new $.pop({
        title     : '标题',
        content   : $('#btncontent1').html(),
        callOpen : function(){
            setTimeout(function(){
                alert('open');
            },500);
        },
        callClose : function(){
            alert('close');
        }
    });
});
                        </textarea>
                        <pre></pre>
                        <div>
                            <select name="" id="">
                                <option value="">--请选择--</option>
                                <option value="">中国</option>
                            </select>
                            <select name="" id="">
                                <option value="">--请选择--</option>
                                <option value="">中国</option>
                            </select>
                        </div>
                        <script type="text/javascript">
                            $('#btn01').on('click',function(){
                                var d = new $.pop({
                                    title     : '标题',
                                    content   : $('#btncontent1').html(),
                                    callOpen : function(){
                                        setTimeout(function(){
                                            alert('open');
                                        },500);
                                    },
                                    callClose : function(){
                                        alert('close');
                                    }
                                });
                            });

                        </script>
                    </li>
                </ol>
            </div>

        </div>
        <div class="overlay"></div>
    </div>
</div>
<script type="text/javascript" src="../js/init/select.init.js"></script>
</body>
</html>