bootstrap登录注册界面(bootstrap登录界面实例)
主要特色:使用bootstrap搭建,登陆注册在一个页面,背景图片轮播
说明:图片820×560
代码:
<%@ page language=”java” contentType=”text/html; charset=UTF-8″
pageEncoding=”UTF-8″%>
<%
String path = request.getContextPath();
String basePath = request.getScheme() + “://”
+ request.getServerName() + “:” + request.getServerPort()
+ path + “/”;
%>
img/brandbest.png” />
bootstrap/css/bootstrap.min.css” rel=”stylesheet”>
body:{
}
#login_div{
width:26%;
hight:30%;
/*float:right;
margin-top:110px;
margin-right:160px; */
margin-left:37%;
margin-top:10%;
color:white;
position:absolute;
z-index:9999;
background-color:#000000;/* IE6和部分IE7内核的浏览器(如QQ浏览器)下颜色被覆盖 */
background-color:rgba(0,0,0,0.3); /* IE6和部分IE7内核的浏览器(如QQ浏览器)会读懂,但解析为透明 */
}
#regist_div{
width:26%;
hight:30%;
/*float:right;
margin-top:110px;
margin-right:160px; */
margin-left:37%;
margin-top:10%;
display:none;
color:white;
position:absolute;
z-index:9999;
background-color:#000000;/* IE6和部分IE7内核的浏览器(如QQ浏览器)下颜色被覆盖 */
background-color:rgba(0,0,0,0.3); /* IE6和部分IE7内核的浏览器(如QQ浏览器)会读懂,但解析为透明 */
}
–>
$(function(){
$(“#gologin”).click(function(){
$(“#login_div”).show();
$(“#regist_div”).hide();
});
$(“#goregist”).click(function(){
$(“#login_div”).hide();
$(“#regist_div”).show();
});
});
用户登录 去注册