javascript操作DOM点击登陆显示登陆的层的窗口
2011-09-22 15:02
585 查看
<!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复习--点击显示登陆窗口(层)
- JavaScript复习--点击显示登陆窗口(层)
- JavaScript基础 event 显示鼠标点击处的坐标值(For Firefox) 距离窗口的距离 距离网页的距离 距离屏幕的距离
- JavaScript基础 event 显示鼠标点击处的坐标值(For Firefox) 距离窗口的距离 距离网页的距离 距离屏幕的距离
- 每天一个JavaScript实例-点击图片显示大图添加鼠标操作
- JavaScript基础 event(For IE) 显示鼠标点击处的坐标值 距离窗口的距离 距离网页的距离 距离屏幕的距离
- JavaScript基础 event(For IE) 显示鼠标点击处的坐标值 距离窗口的距离 距离网页的距离 距离屏幕的距离
- JS操作DOM点击图片弹出层显示大图片和详细信息
- JavaScript学习笔记 5-DOM,窗口 和 框架
- 自定义菜单时点击Menu后,自定义菜单显示,但是activity窗口没获得焦点。为什么?
- JavaScript中dom对css样式操作
- Javascript操作DOM常用API总结
- javascript之DOM操作
- vs11 express javascript button执行一个点击操作
- TextView显示html图片点击图片放大等操作
- javascript 点击固定数据 隐藏或显示DIV
- [java面试]javascript中dom取值问题radio名字一样归属于同一个组,求点击的是哪一个
- JavaScript基础 window.open(url,name,options) 弹出一个 新窗口 屏幕居中显示 获取屏幕的有效宽度
- javascript之DOM操作
- javascript之DOM操作