日本综合一区二区|亚洲中文天堂综合|日韩欧美自拍一区|男女精品天堂一区|欧美自拍第6页亚洲成人精品一区|亚洲黄色天堂一区二区成人|超碰91偷拍第一页|日韩av夜夜嗨中文字幕|久久蜜综合视频官网|精美人妻一区二区三区

大家在網(wǎng)頁上注冊登錄的時(shí)候，經(jīng)常會看見彈出的遮罩層。

創(chuàng)新互聯(lián)，為您提供成都網(wǎng)站建設(shè)、成都網(wǎng)站制作、網(wǎng)站營銷推廣、網(wǎng)站開發(fā)設(shè)計(jì)，對服務(wù)小攪拌車等多個(gè)行業(yè)擁有豐富的網(wǎng)站建設(shè)及推廣經(jīng)驗(yàn)。創(chuàng)新互聯(lián)網(wǎng)站建設(shè)公司成立于2013年,提供專業(yè)網(wǎng)站制作報(bào)價(jià)服務(wù),我們深知市場的競爭激烈，認(rèn)真對待每位客戶，為客戶提供賞心悅目的作品。 與客戶共同發(fā)展進(jìn)步，是我們永遠(yuǎn)的責(zé)任！

我這里實(shí)現(xiàn)的效果是：點(diǎn)擊按鈕彈出遮罩層，遮罩層下的內(nèi)容不可選，并且登錄框隨著鼠標(biāo)滾輪的下滑，動態(tài)的浮動到頁面某個(gè)位置，點(diǎn)擊關(guān)閉按鈕關(guān)閉遮罩層。

這是鼠標(biāo)滾動下滑到頁面中間某部分時(shí)畫面。雖然界面簡單顏色隨意，能看出效果才是最重要的哈哈哈哈。

以下是html界面:

  
登錄

 
  

  

  
關(guān)閉

 

樣式表：

*{padding:0px;margin:0px;}
.main{
  width:100%;
  height:3000px;
}
#shade{
  position:absolute;//絕對定位在頁面左上角
  top:0px;
  left:0px;
  z-index:1000;
  display:none;
  width:100%;
  height:100%;
  background:yellow;
  opacity:0.3;
}
#loginBox{
  position:absolute;
  top:260px;
  left:30%;
  z-index:2000;
  display:none; 
  width:400px;
  height:200px;
  background:red;
  border:1px solid red;
}

js代碼部分：

以上就是啦~

以上所述是小編給大家介紹的javascript實(shí)現(xiàn)遮罩層動態(tài)效果詳解整合，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時(shí)回復(fù)大家的。在此也非常感謝大家對創(chuàng)新互聯(lián)網(wǎng)站的支持！