用插件写弹窗

原理：

先不看代码，可以看到，有两个大的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部分