用JS寫出遮罩層登陸框和對聯廣告並自動跟隨滾動條滾動保持讓用戶一直可以看到好了，天色已晚廢話不多說，代碼特別詳細有註釋，請看代碼。 複製程式碼 程式碼如下: 越狱的囚徒 <br>#zhezhao{ /*遮罩层 先隐藏起来 后面我会通过JS修改display: 为block 让他显示出来*/ <br>position:absolute; <br>z-index:1000; <br>background:#ccc; <br>width:100%; <br>height:100%; <br>opacity: 0.8; <br>filter:alpha(opacity=80); <br>display:none; <br>} <br>#denglu{ /*登陆层 先隐藏起来 后面我会通过JS修改display: 为block 让他显示出来*/ <br>position:absolute; <br>z-index:2000; <br>width:100%; <br>height:200px; <br>margin:150px auto; <br>display:none; <br>} <br>#denglu table{ /*居中显示*/ <br>margin:auto; <br>} <br>.content{ <br>width:800px; <br>margin:0 auto; <br>} <br>#zuo{ /*这个是两边浮动的广告对联，一(左)一右*/ <br>position:absolute; <br>left:3px; <br>top:100px; <br>border:5px solid purple; <br>background:#ccc; <br>color:purple; <br>font-size:50px; <br>text-align:center; <br>height:200px; <br>width:85px; <br>z-index:2000; <br>} <br>#you{ /*这个是两边浮动的广告对联，一左一(右)*/ <br>position:absolute; <br>right:3px; <br>top:100px; <br>border:5px solid purple; <br>background:#ccc; <br>color:purple; <br>font-size:50px; <br>text-align:center; <br>height:200px; <br>width:85px; <br>z-index:2000; <br>} <br> <br>var h=0; <br>function fun1(){ //这里让登陆框 和 广告框 随着滚动条也自动滚动 保持一直可以让用户看到 <br>h=document.body.clientHeight; <br>document.getElementById('zhezhao').style.height=h+"px"; <br>window.onscroll=function(){ <br>//改变登录框的位置 <br>//获取滚动条离开上方的距离 <br>var t=document.body.scrollTop+document.documentElement.scrollTop;//兼容谷歌和火狐浏览器 <br>//把这个值，交给denglu这div的margin-top <br>document.getElementById('denglu').style.marginTop=150+t+"px"; <br><br>document.getElementById('zuo').style.top=100+t+"px"; <br>document.getElementById('you').style.top=100+t+"px"; <br>} <br>} <br>function show(){ //激活他们 <br>//遮罩层 <br>document.getElementById('zhezhao').style.display='block'; <br>//登录层 <br>document.getElementById('denglu').style.display='block'; <br>} <br>function hide(){ //隐藏他们 <br>//遮罩层 <br>document.getElementById('zhezhao').style.display='none'; <br>//登录层 <br>document.getElementById('denglu').style.display='none'; <br>} <br><br> 美女 帅哥 登录关闭 账号 test 登录 gt ; gt ; gt ; gt ; gt ; gt ; > > 身體>
