JQuery实现页面弹出框

JQuery实现页面弹出框

　　 第三步：优化一下弹出框的细节，比如右上角给它加个关闭的功能等等，放上全部代码

　　 上面这就是用jq对弹出框功能的实现实际应用中建议从外部引入css文件免得太乱了还有就是jq的show和hide可以设置speed参数就显示和隐藏的速度会有一个淡入淡出的效果

　　 本文实例为大家分享了JQuery实现页面弹出框的具体代码，供大家参考，具体内容如下 bootstrap4里面有个模态框，点击页面中的某个按钮或者元素就会弹出一个框框：

　　 上面这就是用JQ对弹出框功能的实现，实际应用中建议从外部引入CSS文件，免得太乱了，还有就是JQ的show和hide可 以设置speed参数，就显示和隐藏的速度，会有一个淡入淡出的效果。

　　 1、在页面中创建一个div 2、用JQ中的hide和show来控制上面的div的隐藏和显示