亚洲丝袜综合,亚洲jlzzjlzz少妇

首頁免費(fèi)課彈出層效果問答

彈出層效果

            
                清風(fēng)
            
                難度初級
            
                時(shí)長25分
            
                學(xué)習(xí)人數(shù)
            
綜合評分9.60
                            176人評價(jià)
                        查看評價(jià)
                                9.8
                                內(nèi)容實(shí)用
                            
                                9.6
                                簡潔易懂
                            
                                9.4
                                邏輯清晰

全部評論問答未解決精華

鬧鬧l

點(diǎn)擊可以串起來啊- -，羊肉串一樣

0 3-3 實(shí)現(xiàn)動(dòng)態(tài)效果

2016-08-31

kokocha

正好需要彈出層~~~~~~~~~

1 1-1 效果簡介

2016-08-31

慕粉3704614

oLogin.style.marginTop = "-" + oLogin.clientHeight / 2 + "px";
oLogin.style.marginLeft = "-" + oLogin.clientWidth / 2 + "px";
};var oClose = document.getElementById("close");oClose.onclick = function () {oMask.style.display = "none";}}; </script>
</body>

1 4-1 編程挑戰(zhàn)

2016-08-28

慕粉3704614

oBtn.onclick = function () {
oMask.style.display = "block";
oMask.style.height =document.documentElement.scrollHeight+"px";
//使登錄框處于瀏覽器的中間

1 4-1 編程挑戰(zhàn)

2016-08-28

慕粉3704614

1 4-1 編程挑戰(zhàn)

2016-08-28

慕粉3704614

也可以用display實(shí)現(xiàn)。css加上 #mask{display:none}

<div id="login-area"><button id="btnLogin" >登錄</button></div>
<div id="mask">
<div id="login">
<div class="loginCon" id="loginCon"></div>
<div id="close"></div>
</div>
</div>

2 4-1 編程挑戰(zhàn)

2016-08-28