知识大全 利用js实现遮罩以及弹出可移动登录窗口

Posted 知

篇首语：幽映每白日，清辉照衣裳。本文由小常识网(cha138.com)小编为大家整理，主要介绍了知识大全 利用js实现遮罩以及弹出可移动登录窗口相关的知识，希望对你有一定的参考价值。

本篇文章是对使用js实现遮罩以及弹出可移动登录窗口的实现方法进行了详细的分析介绍 需要的朋友参考下   复制代码 代码如下: <!DOCTYPE PUBLIC " //W C//DTD XHTML Transitional//EN" " < xmlns=" <head>     <title></title>     <script type=text/javascript>         function showLogin()             var loginDiv = document getElementById("loginDiv");             var zhezhao = document getElementById("zhezhao");             var clientx = document documentElement clientWidth;             var clienty = document documentElement clientHeight;             var l_margin = (clientx parseInt(loginDiv style width)) / ;             var t_margin = (clienty parseInt(loginDiv style height) ) /             loginDiv style left = l_margin + "px";             loginDiv style top = t_margin +"px";             loginDiv style display = "block";             zhezhao style display = "block";                 function hidLogin()             var loginDiv = document getElementById("loginDiv");             var zhezhao = document getElementById("zhezhao");             loginDiv style display = "none";             zhezhao style display = "none";                 function titleMove()             var moveable = true;             var loginDiv = document getElementById("loginDiv");             //以下变量提前设置好                        var clientX = window event clientX;             var clientY = window event clientY;             var moveTop = parseInt(loginDiv style top);             var moveLeft = parseInt(loginDiv style left);             document onmousemove = function MouseMove()                 if (moveable)                     var y = moveTop + window event clientY clientY;                     var x = moveLeft + window event clientX clientX;                     if (x > && y > )                         loginDiv style top = y + "px";                         loginDiv style left = x + "px";                                                             document onmouseup = function Mouseup()                 moveable = false;                         </script> </head> <body> <! Main start z index: > <div id="Main" > <a href="javascript:showLogin()">登陆</a> </div> <! Main start z index: > <! loginDiv start :z index: > <div id="loginDiv" >     <div onmousedown="titleMove()" id="login_title" >         <! <img src= /images/close jpg onclick="hidLogin()"/> >         <a href="javascript:hidLogin()" >×</a>     </div>     <table >         <tr><td>用户名 </td><td><input type=text /></td><td>  </td></tr>         <tr><td>密码:</td><td><input type=text  /></td><td>  </td></tr>         <tr><td><br /></td><td></td></tr>     </table> </div> <! loginDiv end :z index: > <! zhezhao start: z index: > <div id="zhezhao" > <! zhezhao end > </div> </body> </> cha138/Article/program/Java/JSP/201311/19925

相关参考

知识大全 用js实现“只弹出一次网页窗口”的源代码

<SCRIPTlanguage=javascript>functiondefaulin()varexiinurlownwin;url=;exiin=windowopen(urlnowexi

知识大全 js关闭模态窗口刷新父页面

　　有两个窗口A窗口(父)B窗口(模态)　　A窗口里有一个DATAGRID一个按钮　　点击按钮时弹出B窗口(模态)在B窗口中添加数据提交后要求B窗口自关闭然后刷新A窗口(父)　　<scriptt

知识大全 js控制的遮罩层实例介绍

父页面  代码如下:<divid=newDiv> <%@includefile=/WEBINF/jsp/infobackup/martyr/printC

知识大全 javascript弹出窗口问题总结

无提示刷新网页　　大家有没有发现有些网页刷新的时候会弹出一个提示窗口点确定才会刷新而有的页面不会提示不弹出提示窗口直接就刷新了如果页面没有form则不会弹出提示窗口如果页面有form表单　　a)<

知识大全 让弹出窗口变得“体贴”一些

在网上冲浪时进入一些网站会出现弹出窗口它可能是站长对你的亲切问候也可能是网站的重要通告网站广告之类的但用得不好会让人产生厌烦心理如何才能让弹出窗口发挥作用而又不影响浏览者浏览页面呢？　　一般的弹出窗口

知识大全 一组常用的弹出窗口用法总结

　　一组常用的弹出窗口用法　　以下代码集合常用的弹出窗口用法　　最基本的弹出窗口代码　　以下是引用片段<SCRIPTLANGUAGE=javascript> <! 

知识大全 手机为什么老是弹出广告以及各种下载的

手机为什么老是弹出广告以及各种下载的？有什么方法可以删除这种应用推荐悬浮窗口呢？请高手指教我手机也是这样啊老是弹出各种广告和各种下载的怎么都搞不掉烦死我了木马怎么会是这样的后来找了个系统急救箱在电脑上

知识大全 javascript弹出窗口详解

　　一弹出窗口的基本属性设置　　<SCRIPTLANGUAGE=javascript>　　<!　　windowopen(lnewwindowheight=width=top=left

知识大全 mvc下,3种窗口弹出设置的方法

想做页面美化特别是在一个页面中只占了很小一块的页面想做成弹出窗口样式稍微总结了下 　　通过重写<input标签下按钮的onclick事件来进行窗口的弹出设置复制代码代码如下:<i

知识大全 如何防止被IE工具拦截导致无法弹出窗口

如何防止被IE工具拦截导致无法弹出窗口  以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容，让我们赶快一起来看一下吧！　　弹出窗口的