最好用的JS彈出層：popup

jopen 9年前發布 | 81K 次閱讀 popup JavaScript開發 

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no,minimal-ui">
    <title>彈出框</title>
    <link href="css/restyle.css" rel="stylesheet"/>
    <link href="css/popup.css" rel="stylesheet"/>
</head>
<body>
    <div style="height:1500px;background-color: #ccc;padding-top:500px;">
        <a href="javascript:showTcc();" style="display: block;">彈出</a>
    </div>
    <script type="text/javascript" src="js/zepto.min.js"></script>
<script type="text/javascript" src="js/popup.js"></script>
<script type="text/javascript">
    //點擊報名按鈕顯示內容
    window.tccBMFooter=tccPop({
        container:document.body,
        titleIcon:'./image/titleIcon.png',
        title:'標題標題',
        titleSpacing:"0.1rem",
        content:'<p>哈哈哈哈哈</br>呵呵呵呵額呵呵</p>無哈無哈無哈無愛好無愛好無花無哈無哈無哈無哈無愛好無愛好無花無哈無哈無哈無哈無愛好無愛好無花無哈</br>呵呵呵和hEu嘟嘟嘟嘟噓噓噓噓啊<a class="bm-phone" href="tel:4000-006-006">4000-006-006</a><p>用其他賬號報名?<a id="loginFooterOut" href="javascript:void(0);">退出</a></p>',
        contentPadding:'0 10px',
        clickClose:false,
        closeFn: function () {
            console.log('close');
        }
    });
    function showTcc(){
        tccBMFooter.show(tccBMFooter.uuid);
    }
</script>
</body>
</html>

項目主頁：http://www.baiduhome.net/lib/view/home/1438150495706

 本文由用戶 jopen 自行上傳分享，僅供網友學習交流。所有權歸原作者，若您的權利被侵害，請聯系管理員。
 轉載本站原創文章，請注明出處，并保留原始鏈接、圖片水印。
 本站是一個以用戶分享為主的開源技術平臺，歡迎各類分享！