利用射流研究…实现遮罩以及弹出可移动登录窗口

复制代码代码如下：DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Transitional//EN ' ' http://www .w3。org/TR/XHTML 1/DTD/XHTML L1-过渡。DTD ' html xmlns=' http://www .w3。org/1999/XHTML ' head title/title script type=' text/JavaScript '函数show log in(){ var loginDiv=document。getelementbyid(' loginDiv ')；定义变量赵哲=document.getElementById('赵哲');var客户端x=文档。文档元素。客户端宽度；var客户端y=文档。文档元素。客户身高；var l _ margin=(客户端x-ParSeint(logindiv。风格。宽度))/2；var t _ margin=(clienty-parsent(login div。风格。高度)-200)/2 logindiv。风格。left=l _ margin ' px罗金迪夫。风格。top=t _ margin ' px罗金迪夫。风格。display=' block赵哲。风格。display=' block}函数hidlog in(){ var loginDiv=document。getelementbyid(' loginDiv ')；定义变量赵哲=document.getElementById('赵哲');罗金迪夫。风格。显示='无'；赵哲。风格。显示='无'；}函数title move(){ var mobile=true；var loginDiv=文档。getelementbyid(' loginDiv ')；//以下变量提前设置好var CLIENT x=窗口。事件。CLIENT x；var clientY=window。事件。clientYvar move top=parsent(logindiv。风格。顶部)；var moveLeft=parseInt(logindiv。风格。左)；文件。onmousemove=函数MouseMove(){ if(mobile){ var y=移动顶部窗口。事件。clientY-clientY；var x=向左移动窗口。事件。客户端x-客户端x；if(x 0y 0){ logindiv。风格。top=y ' px罗金迪夫。风格。left=x ' px} } }文档。onmouseup=function Mouseup(){ mobile=false；} }/脚本/床头！-Main start z-index :0-div id=' Main ' style=' position : absolute；'z指数：0；a href=' JAVAScript : shou log in()'登陆/a/-主开始z-index:0 -！-log in div start : z-index :2-div id=' log in div ' style='底色：白色；宽度宽度：300像素高度：150 pxborder:1px纯蓝；z索引：2;display:none位置：绝对；mousedown上的border-top : none ' div=' title move()' id=' log in _ title ' style=' width :300 px；高度：25px背景-颜色：蓝色；border:1px纯银；边框-左侧：无；右边框：none！- img src='http:/images/关闭。jpg ' style=' float : right ' onclick=' hidlog in()'/-a href=' JavaScript : hidlog in()' style=' float : right；文本装饰：无；颜色：白色；右边距：2 pxfont-size :20 px '/a/div table style=' clear : right；宽度'宽度：298像素宽度：115像素宽度-向右对齐：'页边距-top :10 px；trtd用户名：/TDT输入类型=' text ' style=' width :180 px//tdtd/td/tr trtd密码：/TDT输入类型=' text ' style=' width :180 px//tdtd/TD/tr/trtdbr//tdtd/TD/tr/table/div！-登录div end : z-index :2-！-赵哲start: z-index:1 - div id='赵哲style=' position:absolutez索引：1;宽度：100%;高度：100%;背景色color : silverdisplay : none ' opa city 3360.5 '！-赵哲end//div/body/html【效果】