Bootstrap——可拖动模态框(Model)

最新推荐文章于 2023-06-07 15:11:21 发布

aiyizou6070

最新推荐文章于 2023-06-07 15:11:21 发布

阅读量1.3k

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/FHC1994/p/11318271.html

版权

还是上一个小项目，o(╥﹏╥)o，要实现点击一个div或者button或者一个东西然后可以弹出一个浮在最上面的弹框。网上找了找，发现Bootstrap的Model弹出框可以实现该功能，因此学习了一下，实现了基本弹框功能（可拖动）。

代码如下：

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>测试</title>
        <link href="./src/css/bootstrap.min.css" rel="stylesheet">
        <style>
            html,body{
    
                width: 100%;
                height: 100%;
                padding: 0;
                margin: 0;
            }
            .div_main{
    
                width: 100%;
                height: 100%;
                background: gray;
            }
            .bacstyle{
    
                /* background: r

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

aiyizou6070

关注关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
Bootstrap——可拖动模态框(Model)

还是上一个小项目，o(╥﹏╥)o，要实现点击一个div或者button或者一个东西然后可以弹出一个浮在最上面的弹框。网上找了找，发现Bootstrap的Model弹出框可以实现该功能，因此学习了一下，实现了基本弹框功能（可拖动）。代码如下：<!DOCTYPE html><html> <head> <me...
复制链接

扫一扫