jquery 控制 div的登录界面

来源：互联网发布：数据库王珊第5版pdf 编辑：程序博客网时间：2024/06/06 13:08

<%@ page language="java" contentType="text/html; charset=ISO-8859-1"    pageEncoding="ISO-8859-1"%><!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head><meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"><title>Insert title here</title><script type="text/javascript" src="jquery-1.5.js"></script><style type="text/css">#box{width:480px;height:auto;position:fixed;top:10%;left:25%;right:30%;background-color:#fff;padding:10px;border:2px solid #ccc;-moz-border-radius: 20px;     -webkit-border-radius:20px;     -khtml-border-radius:20px;     -moz-box-shadow: 0 1px 5px #333;     -webkit-box-shadow: 0 1px 5px #333;     z-index:101;     }</style></head><script type="text/javascript">$(function(){});function login(){if($("#box").css("display") == "none"){$("#box").show();}else{$("#box").hide();}}</script><body>username:<input type="text"><input type="submit" value="submit" onclick="login()"><div id="box" style="display: none;">password:<input type="text"><input type="submit" value="submit" onclick="login()"></div></body></html>