显示，隐藏div

最新推荐文章于 2024-09-04 02:23:05 发布

ZKLxuankai

最新推荐文章于 2024-09-04 02:23:05 发布

阅读量906

点赞数

分类专栏： jQuery 文章标签： div jquery input function import java

本文链接：https://blog.csdn.net/ZKLxuankai/article/details/8088285

版权

jQuery 专栏收录该内容

9 篇文章 0 订阅

订阅专栏

<%@ 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="#" οnclick="showwin()" style="color:red">点击登录</a></h4>

   <div id="win">
   <div id="title" style="color:#3300FF;font-size:20px">用户登录   <span id="close" οnclick="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="登录" οnclick="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>