tangzhirong / popuper-components

浮出层组件——提供自定义浮出层头部、内容、底部和拖拽等功能

popuper-components

浮出层组件——提供自定义浮出层头部、内容、底部和拖拽等功能

使用方法

引入样式

<link rel="stylesheet" href="style/popuper.css"/>

引入js

<script src="js/popuper.js"></script>
<script src="js/EventUtil.js"></script>

编写html

<button class="btn" id="show_popuper">click</button>
<div class="popuper">
    <div class="popuper_wrap">
        <header class="popuper_eader">
            <h2>这是弹出层的头部</h2>
        </header>
        <section class="popuper_content">
            <h2>这是弹出层的内容</h2>
        </section>
        <section class="popuper_footer">
            <input type="button" class="confirm" value="确认">
            <input type="button" class="cancel" value="取消">
        </section>
    </div>
</div>