宝哥软件园

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

编辑:宝哥软件园 来源:互联网 时间:2021-11-08

用射流研究…写出遮罩层登陆框和对联广告并自动跟随滚动条滚动保持让用户一直可以看到好了,天色已晚废话不多说,代码特别详细有注释,请看代码。复制代码代码如下:DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Transitional//EN ' ' http://www .w3。L1-过渡时期。DTD ' html xmlns=' http://www .w3。org/1999/XHTML ' head meta http-equiv=' Content-Type ' Content=' text/html;charset=UTF-8' /标题越狱的囚徒/title style type=' text/CSS ' #赵哲{ /*遮罩层先隐藏起来后面我会通过射流研究…修改显示器:为街区让他显示出来*/位置:绝对;z指数:1000;背景# ccc宽度:100%;高度:100%;opa city 3360 0.8 filter : alpha(不透明度=80);display:none} #邓璐{ /*登陆层先隐藏起来后面我会通过射流研究…修改显示器:为街区让他显示出来*/位置:绝对;z指数:2000;宽度:100%;高度:200 px余量:150px汽车;display:none} #邓璐表{ /*居中显示*/margin : auto;} .内容{ width :800 pxmargin :0 auto } #左{ /*这个是两边浮动的广告对联,一(左)一右*/位置:绝对;left :3 xtop :100 pxborder :5 px纯紫色;背景# ccc颜色:紫色;font-size :50 px文本对齐:居中;高度:200 px宽度:85 pxz指数:2000;} #你{ /*这个是两边浮动的广告对联,一左一(右)*/位置:绝对;right :3 xtop :100 pxborder :5 px纯紫色;背景# ccc颜色:紫色;font-size :50 px文本对齐:居中;高度:200 px宽度:85 pxz指数:2000;}/样式脚本类型=' text/JavaScript ' var h=0;fun1()函数{ //这里让登陆框和广告框随着滚动条也自动滚动保持一直可以让用户看到h=文档。尸体。客户身高;document.getElementById('赵哲').style . height=h ' pxwindow . onscroll=function(){//改变登录框的位置//获取滚动条离开上方的距离var t=文档。尸体。滚动顶部文档。文档元素。滚动顶部;//兼容谷歌和火狐浏览器//把这个值,交给邓璐这差异的页边距顶端文档。getElementById('邓璐').风格。margintop=150t吨“px”;文件。getelementbyid(' zoo ')。风格。top=100t ' px文件。getelementbyid(' you ')。风格。top=100t ' px} }函数show(){ //激活他们//遮罩层document.getElementById('赵哲').style.display=' block//登录层document.getElementById('邓璐').style.display=' block}函数hide(){ //隐藏他们//遮罩层document.getElementById('赵哲').style.display=' none//登录层document.getElementById('邓璐').style.display=' none}/脚本/头体样式=' margin :0 ' on load=' fun 1();div id=' zuo '美br/女/div div id='you '帅br/哥/div div id='赵哲/div div id='邓璐差异表格bgcolor='#ccc' width='350' tr td登录/TDT da href=' JAVAScript : hide();'关闭/a/td /tr账号/TD TD TD输入类型=' text '/TD/tr TD colspan=' 2 '输入类型=' submit ' value='登录//TD/tr/table a id=' a-1 ' href=' JavaScript : void();'test/a/div/div a href=' JAVAScript : show();'登录/a div class=' content ' style=' background : red;'br/br/br/br/可以自己试一试多完善下,这个还是比较好玩的

更多资讯
游戏推荐
更多+