显示,隐藏div
来源:互联网 发布:d3.js 弧线 编辑:程序博客网 时间:2024/05/11 14:05
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<head>
<script type="text/javascript" src="${pageContext.request.contextPath}/scripts/jquery-1.7.2.js"></script>
</head>
<body>
<h3 align="center">点击跳到登录窗口</h3>
<h4>登录 <a href="#" onclick="showwin()" style="color:red">点击登录</a></h4>
<div id="win">
<div id="title" style="color:#3300FF;font-size:20px">用户登录 <span id="close" onclick="hide()"><img src="${pageContext.request.contextPath }/images/cha.png"/></span></div>
<input type="text" name="username"/><br/>
<input type="password" name="password"/><br/>
<input type="submit" value="登录" onclick="hide()"/>
</div>
<script type="text/javascript">
//设置打印的
function showwin(){
//方法3 利用jquery的fadeIn方法
var winNode = $("#win");
winNode.fadeIn("slow");// block
//document.getElementById("win").style.display="block";
}
function hide(){
//1.查找窗口对应的div节点
var winNode = $("#win");
//方法3 利用jquery的fadeOut方法
winNode.fadeOut("slow");
// document.getElementById("win").style.display="none";
}
</script>
</body>
</html>
<head>
<script type="text/javascript" src="${pageContext.request.contextPath}/scripts/jquery-1.7.2.js"></script>
</head>
<body>
<h3 align="center">点击跳到登录窗口</h3>
<h4>登录 <a href="#" onclick="showwin()" style="color:red">点击登录</a></h4>
<div id="win">
<div id="title" style="color:#3300FF;font-size:20px">用户登录 <span id="close" onclick="hide()"><img src="${pageContext.request.contextPath }/images/cha.png"/></span></div>
<input type="text" name="username"/><br/>
<input type="password" name="password"/><br/>
<input type="submit" value="登录" onclick="hide()"/>
</div>
<script type="text/javascript">
//设置打印的
function showwin(){
//方法3 利用jquery的fadeIn方法
var winNode = $("#win");
winNode.fadeIn("slow");// block
//document.getElementById("win").style.display="block";
}
function hide(){
//1.查找窗口对应的div节点
var winNode = $("#win");
//方法3 利用jquery的fadeOut方法
winNode.fadeOut("slow");
// document.getElementById("win").style.display="none";
}
</script>
</body>
</html>
- div 隐藏和显示
- div隐藏与显示
- DIV显示与隐藏
- div 显示与隐藏
- div 显示与隐藏
- div显示隐藏
- div 显示与隐藏
- 显示和隐藏div
- div 隐藏和显示
- 隐藏/显示div
- div显示和隐藏
- div 隐藏和显示
- jquery显示隐藏div
- DIV显示隐藏层
- 显示隐藏div对象
- div显示隐藏效果
- div显示隐藏效果
- jquery 显示隐藏div
- win7 图标修复
- MapReduce Shuffle介绍
- Hadoop 实战之分析专利引用数据集(二)
- OpenStack部署过程中遇到的问题汇总(1)
- 浮点数的比较
- 显示,隐藏div
- 什么是云?
- stamps+动态规划
- 路径,文件,目录,I/O常见操作汇总
- 路由表的查询
- 浮点数的二进制
- Myeclipse中web project 与java project区别
- 【C/C++学习】之十五、内存管理
- 补充:析构函数的特征以及自动激活析构函数的情况