- 浏览: 5826779 次
- 性别:
- 来自: 上海
文章分类
- 全部博客 (890)
- WindowsPhone (0)
- android (88)
- android快速迭代 (17)
- android基础 (34)
- android进阶 (172)
- android高级 (0)
- android拾遗 (85)
- android动画&效果 (68)
- Material Design (13)
- LUA (5)
- j2me (32)
- jQuery (39)
- spring (26)
- hibernate (20)
- struts (26)
- tomcat (9)
- javascript+css+html (62)
- jsp+servlet+javabean (14)
- java (37)
- velocity+FCKeditor (13)
- linux+批处理 (9)
- mysql (19)
- MyEclipse (9)
- ajax (7)
- wap (8)
- j2ee+apache (24)
- 其他 (13)
- phonegap (35)
最新评论
-
Memories_NC:
本地lua脚本终于执行成功了,虽然不是通过redis
java中调用lua脚本语言1 -
ZHOU452840622:
大神://处理返回的接收状态 这个好像没有监听到 遇 ...
android 发送短信的两种方式 -
PXY:
拦截部分地址,怎么写的for(int i=0;i<lis ...
判断是否登录的拦截器SessionFilter -
maotou1988:
Android控件之带清空按钮(功能)的AutoComplet ...
自定义AutoCompleteTextView -
yangmaolinpl:
希望有表例子更好。。。,不过也看明白了。
浅谈onInterceptTouchEvent、onTouchEvent与onTouch
1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 2. <html xmlns="http://www.w3.org/1999/xhtml"> 3. <head> 4. <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> 5. <title>Demo</title> 6. <style type="text/css"> 7. 8. *{ 9. margin:0; 10. padding:0; 11. } 12. html,body{ 13. height:100%; 14. } 15. #shadow{ 16. position:absolute; 17. left:0; 18. top:0; 19. width:100%; 20. height:100%; 21. background-color:#0060C0; 22. filter:alpha(opacity=20); 23. } 24. #box{ 25. position:absolute; 26. left:50%; 27. top:50%; 28. width:400px; 29. height:180px; 30. margin:-90px 0 0 -200px; 31. border:1px solid #84A0C4; 32. background-color:#DFE8F6; 33. text-align:center; 34. } 35. 36. </style> 37. <script language="javascript" type="text/javascript"> 38. 39. function createDiv() 40. { 41. var btnShow = document.getElementById("btnshow"); 42. btnShow.disabled=true; 43. 44. var shadow = document.createElement("div"); 45. shadow.setAttribute("id","shadow"); 46. shadow.style.zIndex="10"; 47. 48. var box=document.createElement("div"); 49. box.setAttribute("id","box"); 50. box.style.zIndex="999"; 51. 52. var spanUser=document.createElement("span"); 53. spanUser.innerHTML="User:"; 54. 55. var textUser=document.createElement("input"); 56. textUser.setAttribute("type","text"); 57. textUser.setAttribute("id","textUser"); 58. 59. var button=document.createElement("input"); 60. button.setAttribute("type","button"); 61. button.setAttribute("id","button1"); 62. button.setAttribute("value","Confirm"); 63. button.onclick=hideDiv; 64. 65. box.appendChild(spanUser); 66. box.appendChild(textUser); 67. box.appendChild(button); 68. 69. document.body.appendChild(shadow); 70. document.body.appendChild(box); 71. } 72. function hideDiv() 73. { 74. var textUser=document.getElementById("textUser"); 75. var user=document.getElementById("user"); 76. user.value=textUser.value; 77. 78. var box=document.getElementById("box"); 79. var shadow=document.getElementById("shadow"); 80. var btnShow=document.getElementById("btnShow"); 81. 82. document.body.removeChild(box); 83. document.body.removeChild(shadow); 84. btnShow.disabled=false; 85. } 86. 87. </script> 88. </head> 89. <body> 90. <div style="text-align:center"> 91. <input id="user" type="text" /> 92. <input id="btnshow" type="button" onclick="createDiv()" value="Display" /> 93. </div> 94. </body> 95. </html>
发表评论
-
插入google地图
2010-03-11 11:00 2114<!DOCTYPE html PUBLIC &quo ... -
网页插入PDF
2010-03-11 10:26 3546<object width="800&qu ... -
弹出层(Div)屏蔽父窗口并且让父窗口变暗
2010-03-10 16:19 2647<html> <head> & ... -
高效判断星期几的 javascript代码
2010-03-10 16:15 4455<html> <title>te ... -
Meta 标签使用详解
2009-12-17 21:09 1748meta是html语言head区的一个辅助性标签。几乎所有的 ... -
去掉图片超级链接上的虚线框
2009-12-17 18:03 2705<a href="#" id=&qu ... -
Javascript与CSS在IE和Firefox中的误区及区别
2009-12-17 17:12 23900.在firefox中不兼容window. ... -
html table 标题 不滚动
2009-12-07 16:18 3807<html xmlns="http://w ... -
100个很有用的JavaScript函数
2009-11-03 13:00 19561.document.write("") ... -
几个不常用但很有用的javascript方法
2009-11-03 12:57 26651. javascript代码延迟执行。 我们经常可以看到这 ... -
CSS中的一些小技巧
2009-10-16 22:44 18991、列表横排 将li的样式设置为 li ... -
如何让一个iframe 背景透明?
2009-10-12 17:04 6725网上查到让一个iframe 背景透明的办法: 首先在<b ... -
判断文本框还剩多少字符可以输入
2009-09-27 17:04 4991javascript: function $(id) { ... -
关键字高亮显示
2009-09-27 16:56 1922<script language="jav ... -
在javascript中获取中英文字符长度的问题
2009-09-27 16:47 2270var i="中国a"; 一般情况下,我 ... -
验证用户名是否符合长度要求
2009-09-27 16:43 2930<input name="username&q ... -
在你的网页中插入天气预报
2009-09-27 15:25 3263根据需要,下面4个随便选一个 <IFRAME ID='i ... -
JSTL之<c:forEach>
2009-09-21 15:58 19221<%@ taglib uri="http:// ... -
<logic:iterate>同for循环的用法比较
2009-09-18 13:35 4157同样生成一个Table <table id=" ... -
关闭时才执行的javasciprt
2009-09-18 13:10 19551. <html> 2. ...
相关推荐
综上所述,"js div 锁屏"是通过JavaScript和CSS结合实现的一种页面锁定机制,主要应用于临时阻止用户对页面其他部分的交互。它可以通过创建一个全屏div并控制其显示状态来实现,并能根据需要添加各种定制功能,如...
在网页开发中,jQuery是一个非常流行的JavaScript库,它极大地简化了DOM操作、事件...在《用Jquery实现DIV锁屏并且可以拖拽DIV窗体代码页面.docx》文档中,你可以找到更详尽的代码示例和解释,以便进一步学习和应用。
用Jquery实现网页锁屏,解锁。 锁屏:ScreenLocker.lock(100); 参数是z-index 解锁ScreenLocker.unlock();
弹出div层且锁屏弹出div层且锁屏弹出div层且锁屏弹出div层且锁屏弹出div层且锁屏弹出div层且锁屏弹出div层且锁屏弹出div层且锁屏弹出div层且锁屏
在网页设计和开发中,"div层悬浮窗和锁屏"是一个常见的需求,尤其是在构建交互式用户界面时。Div层通常被用作HTML布局的基本构建块,可以用来创建各种元素,如弹出框、提示信息或者浮动窗口。悬浮窗则是指在用户滚动...
在JavaScript中,弹出div层并实现锁屏功能是一项常见的前端交互设计,它通常用于创建模态对话框、警告提示或者加载等待效果。这个过程涉及到DOM操作、CSS样式控制以及JavaScript事件处理。下面我们将深入探讨如何...
这就是"Javascript实现弹出DIV层并锁屏"所涉及的主要内容。 首先,让我们了解一下什么是DIV。在HTML中,`<div>`元素是“division”的缩写,用于对网页内容进行区域划分。通过CSS样式,我们可以对这些DIV进行定位、...
首先,我们可以创建一个隐藏的HTML元素,如div,作为锁屏界面的基础。当需要显示锁屏页面时,通过JavaScript将这个元素设置为可见。同时,为了提供交互性,可以添加输入框用于用户输入密码,以及按钮供用户提交验证...
锁屏层(`tabframe`)是一个绝对定位的`div`,它被放置在了页面的最顶端,覆盖了整个可视区域。通过设置`z-index`属性,确保锁屏层始终在最上层显示,不被其他页面元素遮挡。锁屏层的透明度被调整为10%,背景颜色设...
1. **创建锁屏层**:首先,需要在页面中添加一个隐藏的div元素作为锁屏层。这个div应该覆盖整个可视窗口,可以通过设置`position: fixed`和`width`、`height`属性来实现。 2. **显示与隐藏锁屏层**:当需要显示锁屏...
在这个场景中,“实现div 遮罩 frameset”意味着在`frameset`布局的网页上,使用`div`来实现一个可移动的遮罩层或弹出窗口。 首先,我们来看`frameset`。`frameset`是HTML4中的元素,它允许我们将浏览器窗口划分为...
通常,我们需要创建一个覆盖整个屏幕的全屏元素(如div),并在锁屏时显示,解锁时隐藏。这涉及到DOM的选择、创建和修改,如`document.getElementById()`,`document.createElement()`,以及`style.display`属性的...
在`divCss.html`中,我们可以看到HTML结构的实现,包括锁屏背景和模型对话框的元素: ```html <div class="lock-screen"></div> <div class="model-dialog"> 请输入密码" /> 解锁 </div> ``` 最后,我们利用...
如果页面上还没有名为“CoverDiv”的元素,则创建一个新的`<div>`元素,并设置其ID为“CoverDiv”。然后,使用`style.cssText`属性来定义这个对话框的样式,包括字体、颜色、位置、背景色等。值得注意的是,这里...
这个场景描述的“可拖动div弹窗esc关闭 锁屏”涉及到多个技术点,我们将逐一详细解释。 首先,"可拖动div"是指在HTML页面中,通过JavaScript或者jQuery实现一个div元素,用户可以通过鼠标点击并拖动来改变div的位置...
在移动端应用中,九宫格手势密码是一种常见的安全验证机制,它模仿了手机锁屏的交互方式,为用户提供了便捷且安全的登录体验。本文将详细介绍如何实现一个基于Web的九宫格手势密码功能,主要涉及HTML、CSS和...
实现全屏透明遮罩div层锁屏效果是一个常见的需求,它允许开发者在某些操作(如模态对话框、加载提示等)过程中,限制用户的其他页面交互,同时保留页面的可视性。这篇文章将详细地介绍如何使用JavaScript来实现这一...
锁屏功能则是为了防止用户在弹出层显示期间操作背景页面,提供一种专注的用户体验。本文将深入探讨如何使用JavaScript来实现弹出层并锁屏的功能。 首先,我们了解弹出层的基本概念。弹出层通常由HTML结构、CSS样式...
`<div>`元素可以用于构建锁屏界面和错误提示信息。 3. **CSS样式**:`css`目录下的文件负责定义界面的视觉样式。这包括但不限于锁屏界面的背景、输入框样式、按钮样式以及错误提示文字的样式。CSS3的特性,如伪类、...