您好,欢迎来到教玩游戏。
搜索
您的当前位置:首页js写出遮罩层登陆框和对联广告并自动跟随滚动条滚动_javascript技巧

js写出遮罩层登陆框和对联广告并自动跟随滚动条滚动_javascript技巧

来源:教玩游戏


用JS写出遮罩层登陆框和对联广告并自动跟随滚动条滚动保持让用户一直可以看到

好了,天色已晚废话不多说,代码特别详细 有注释,请看代码。
代码如下:




越狱的囚徒


var h=0;
function fun1(){ //这里让登陆框 和 广告框 随着滚动条也自动滚动 保持一直可以让用户看到
h=document.body.clientHeight;
document.getElementById('zhezhao').style.height=h+"px";
window.onscroll=function(){
//改变登录框的位置
//获取滚动条离开上方的距离
var t=document.body.scrollTop+document.documentElement.scrollTop;//兼容谷歌和火狐浏览器
//把这个值,交给denglu这div的margin-top
document.getElementById('denglu').style.marginTop=150+t+"px";

document.getElementById('zuo').style.top=100+t+"px";
document.getElementById('you').style.top=100+t+"px";
}
}
function show(){ //激活他们
//遮罩层
document.getElementById('zhezhao').style.display='block';
//登录层
document.getElementById('denglu').style.display='block';
}
function hide(){ //隐藏他们
//遮罩层
document.getElementById('zhezhao').style.display='none';
//登录层
document.getElementById('denglu').style.display='none';
}






















登录关闭
账号

test


登录






















可以自己试一试 多完善下,这个还是比较好玩的。

Copyright © 2019- lvjiaowang.com 版权所有

违法及侵权请联系:TEL:199 18 7713 E-MAIL:2724546146@qq.com

本站由北京市万商天勤律师事务所王兴未律师提供法律服务