最新文章专题视频专题问答1问答10问答100问答1000问答2000关键字专题1关键字专题50关键字专题500关键字专题1500TAG最新视频文章推荐1 推荐3 推荐5 推荐7 推荐9 推荐11 推荐13 推荐15 推荐17 推荐19 推荐21 推荐23 推荐25 推荐27 推荐29 推荐31 推荐33 推荐35 推荐37视频文章20视频文章30视频文章40视频文章50视频文章60 视频文章70视频文章80视频文章90视频文章100视频文章120视频文章140 视频2关键字专题关键字专题tag2tag3文章专题文章专题2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章专题3
当前位置: 首页 - 科技 - 知识百科 - 正文

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

来源:动视网 责编:小采 时间:2020-11-27 21:22:18
文档

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

js写出遮罩层登陆框和对联广告并自动跟随滚动条滚动_javascript技巧:用JS写出遮罩层登陆框和对联广告并自动跟随滚动条滚动保持让用户一直可以看到 好了,天色已晚废话不多说,代码特别详细 有注释,请看代码。 代码如下: 越狱的囚徒 #zhezhao{ /*遮罩层 先隐藏起来 后面我会通过JS修改display: 为block 让他
推荐度:
导读js写出遮罩层登陆框和对联广告并自动跟随滚动条滚动_javascript技巧:用JS写出遮罩层登陆框和对联广告并自动跟随滚动条滚动保持让用户一直可以看到 好了,天色已晚废话不多说,代码特别详细 有注释,请看代码。 代码如下: 越狱的囚徒 #zhezhao{ /*遮罩层 先隐藏起来 后面我会通过JS修改display: 为block 让他


用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


登录






















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

文档

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

js写出遮罩层登陆框和对联广告并自动跟随滚动条滚动_javascript技巧:用JS写出遮罩层登陆框和对联广告并自动跟随滚动条滚动保持让用户一直可以看到 好了,天色已晚废话不多说,代码特别详细 有注释,请看代码。 代码如下: 越狱的囚徒 #zhezhao{ /*遮罩层 先隐藏起来 后面我会通过JS修改display: 为block 让他
推荐度:
  • 热门焦点

最新推荐

猜你喜欢

热门推荐

专题
Top