javascript操作DOM点击登陆显示登陆的层的窗口
来源:互联网 发布:单片机仿真器有什么用 编辑:程序博客网 时间:2024/06/06 17:51
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>点击登陆显示登陆的层的窗口</title>
<script type="text/javascript">
function showLogin(){
var loginDiv = document.getElementById("loginDiv");
loginDiv.style.display="";
}
function hideLogin(){
var loginDiv = document.getElementById("loginDiv");
loginDiv.style.display="none";
}
</script>
</head>
<body>
<a href="javascript:showLogin()">登陆</a>
<div style="position:absolute;top:200px;left:200px;border:solid 1px green;display:none;" id="loginDiv">
<img src="close.jpg" style="float:right" onclick="hideLogin()"/>
<table>
<tr>
<td>
<label for="username">用户名</label>
</td>
<td>
<input type="text" id="username"/>
</td>
</tr>
<tr>
<td>
<label for="password">密 码</label>
</td>
<td>
<input type="password" id="password"/>
</td>
</tr>
</table>
</div>
</body>
</html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>点击登陆显示登陆的层的窗口</title>
<script type="text/javascript">
function showLogin(){
var loginDiv = document.getElementById("loginDiv");
loginDiv.style.display="";
}
function hideLogin(){
var loginDiv = document.getElementById("loginDiv");
loginDiv.style.display="none";
}
</script>
</head>
<body>
<a href="javascript:showLogin()">登陆</a>
<div style="position:absolute;top:200px;left:200px;border:solid 1px green;display:none;" id="loginDiv">
<img src="close.jpg" style="float:right" onclick="hideLogin()"/>
<table>
<tr>
<td>
<label for="username">用户名</label>
</td>
<td>
<input type="text" id="username"/>
</td>
</tr>
<tr>
<td>
<label for="password">密 码</label>
</td>
<td>
<input type="password" id="password"/>
</td>
</tr>
</table>
</div>
</body>
</html>
- javascript操作DOM点击登陆显示登陆的层的窗口
- JavaScript复习--点击显示登陆窗口(层)
- 让一层div遮住全窗口 另一层显示登陆框自动居中的css代码
- 简单的登陆窗口
- 登陆窗口的实现
- 登陆窗口的建立
- Android登陆界面的简单实现(登陆背景渐变,密码点击隐藏与显示)
- Qt登陆窗口,将登陆用户的信息显示到主界面中
- C#登陆窗口的关闭
- Java写的登陆窗口
- 百度登陆窗口的设计
- 点击登陆弹出层,层是登陆框
- 点击登陆 弹出登陆框,可以移动的
- 国际化显示的登陆页面
- 登陆错误的显示信息
- windows 2000登陆时反复回到登陆窗口的问题
- 漂亮的点击弹出的登陆框
- 七层登陆的华丽转身
- 图片跟着鼠标飞
- com口连接的设备被误认作Microsoft Serial ballpoint设备,而一直占用com口
- 鼠标移动到超链接上自动弹出一个层
- DOM方式把层手动/自动变大
- DOM方式动态创建按钮
- javascript操作DOM点击登陆显示登陆的层的窗口
- vpc中redhat 9花屏解决方法
- 新浪微博布局学习——妙用TabHost
- 条件随机场(CRF)学习
- Android widget 之RemoteView
- 【Flex】菜单中的分割线和Check Radio
- Flex 之字符串游戏
- JS操作DOM点击图片弹出层显示大图片和详细信息
- zend studio for Eclipse注册码及汉化