原理：
先不看代码，可以看到，有两个大的div，一个是遮罩层（设置宽高为百分之百，fixed定位，），一个是弹窗（宽高根据需求，绝对定位（定位在窗口顶部），z-index要大于遮罩层，），当点击按钮的时候，遮罩层透明度由浅到深，弹窗从长滑下（可使用jQuery动画，或者css3动画）
1、用bootstrap中的插件：首先需要引用bootstrap.min.css和bootstrap.min.js（包括：
（1）.动画过渡（transition.js）；
（2）模态弹窗（modal.js）；
（3）下拉菜单（dropown.js）;
（4)滚动侦测（scrollspy.js）;
(5)选项卡（tab.js）；
（6）提示框（tooltop.js）;
（7）警告框（alert.js）
（8）按钮（button.js）
（9）折叠/手风琴（collapse.js）
（10）跑马灯（carousel.js）
自动定位浮标（affix.js）
）；
下边是用插件写一个最基本的弹窗
html部分
css部分
js部分