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 登录 は、複数の完善の下で自己試行できます。これも非常に楽しいものです。
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
