modallayer模态弹出层弹出框效果代码

代码语言:html

所属分类:弹出层

代码描述:modallayer模态弹出层弹出框效果代码,可以弹出提示框、iframe页面、prompt、confirm alert等

代码标签: 弹出 效果

下面为部分代码预览,完整代码请点击下载或在bfwstudio webide中打开

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>模态框 - 开发</title>



    <!--图标库-->
    <link type="text/css" rel="stylesheet" href="//repo.bfw.wiki/bfwrepo/css/all.5.11.2.css">
    <!--图标库-->
    <script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/all.5.11.2.js"></script>
    <!--核心样式-->
    <link type="text/css" rel="stylesheet" href="//repo.bfw.wiki/bfwrepo/css/modallayer.min.css">
    <!--插件-->
    <script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/modallayer.min.js"></script>

    <style>
        #test-button-container {
            position: absolute;
            top: 50%;
            left: 0px;
            right: 0px;
            width: 100%;
            margin: 0px auto;
            text-align: center;
            transform: translateY(-50%);
        }

        #test-button-container button {
            width: 145px;
            margin: 5px 0px;
            padding: 10px 0px;
        }
    </style>

</head>
<body>
    <div id="test-button-container&.........完整代码请登录后点击上方下载按钮下载查看

网友评论0